diff --git a/lib/ui/about.dart b/lib/ui/about.dart index ee46538..58962a4 100644 --- a/lib/ui/about.dart +++ b/lib/ui/about.dart @@ -6,7 +6,7 @@ class AboutView extends StatelessWidget { return Scaffold( appBar: AppBar( centerTitle: false, - backgroundColor: Colors.white, + backgroundColor: Colors.grey[200], title: Text( "A Propos", style: TextStyle( @@ -17,57 +17,85 @@ class AboutView extends StatelessWidget { color: Color(0xFF545454), //change your color here ), ), - body: SingleChildScrollView( - child: Center( - child: Column( - crossAxisAlignment: CrossAxisAlignment.center, - mainAxisAlignment: MainAxisAlignment.center, - children: [ - Text( - "Le Kiosque", - style: TextStyle(fontSize: 26, color: Colors.black), - ), - Text( - "Version 1.0.0", - style: TextStyle( - fontSize: 17, - ), - ), - Container( - decoration: BoxDecoration( - color: Colors.grey[200], - image: DecorationImage( - image: AssetImage("assets/images/kiosque_logo.png"), - ), - borderRadius: BorderRadius.all( - Radius.circular(40), + body: Center( + child: Column( + mainAxisSize: MainAxisSize.max, + crossAxisAlignment: CrossAxisAlignment.center, + mainAxisAlignment: MainAxisAlignment.spaceEvenly, + children: [ + Column( + children: [ + Text( + "Le Kiosque", + style: TextStyle( + fontSize: 26, + color: Color(0xFF484848), ), ), - height: 80, - width: 80, - ), - Text( - "Copyright 2020 Le Kiosque", - style: TextStyle( - fontSize: 17, + SizedBox( + height: 10, ), - ), - Text( - "From", - style: TextStyle( - fontSize: 20, - fontWeight: FontWeight.bold, + Text( + "Version 1.0.0", + style: TextStyle( + fontSize: 17, + ), + ) + ], + ), + Container( + decoration: BoxDecoration( + color: Colors.white, + image: DecorationImage( + image: AssetImage("assets/images/kiosque_logo.png"), ), - ), - Text( - "ZX CONNECT", - style: TextStyle( - fontSize: 22, - fontWeight: FontWeight.bold, + borderRadius: BorderRadius.all( + Radius.circular(50), ), - ) - ], - ), + border: Border.all( + color: Colors.white, + width: 8, + ), + boxShadow: [ + BoxShadow( + color: Colors.grey.withOpacity(0.5), + spreadRadius: 2, + blurRadius: 2, + offset: Offset(0, 1), // changes position of shadow + ) + ], + ), + height: 100, + width: 100, + ), + Text( + "Copyright 2020 Le Kiosque", + style: TextStyle( + fontSize: 17, + ), + ), + Column( + children: [ + Text( + "From", + style: TextStyle( + fontSize: 20, + fontWeight: FontWeight.bold, + ), + ), + SizedBox( + height: 10, + ), + Text( + "ZX CONNECT", + style: TextStyle( + fontSize: 22, + fontWeight: FontWeight.bold, + ), + ) + ], + ) + ], ), ), );