diff --git a/.idea/libraries/Dart_Packages.xml b/.idea/libraries/Dart_Packages.xml index 33649a6..f17be9f 100644 --- a/.idea/libraries/Dart_Packages.xml +++ b/.idea/libraries/Dart_Packages.xml @@ -100,6 +100,13 @@ + + + + + + @@ -219,6 +226,13 @@ + + + + + + @@ -304,6 +318,7 @@ + @@ -320,6 +335,7 @@ + diff --git a/justMUSIC/lib/components/login_button.dart b/justMUSIC/lib/components/login_button.dart new file mode 100644 index 0000000..9e421e8 --- /dev/null +++ b/justMUSIC/lib/components/login_button.dart @@ -0,0 +1,63 @@ +import 'package:flutter/cupertino.dart'; +import 'package:flutter/material.dart'; +import 'package:google_fonts/google_fonts.dart'; + +class LoginButton extends StatefulWidget { + const LoginButton({Key? key}) : super(key: key); + + @override + State createState() => _LoginButtonState(); +} + +class _LoginButtonState extends State { + @override + Widget build(BuildContext context) { + return ElevatedButton( + onPressed: () {}, + style: ButtonStyle( + overlayColor: + MaterialStateProperty.all(Color(0xffD3C2FF).withOpacity(0.2)), + shape: MaterialStateProperty.all(RoundedRectangleBorder( + borderRadius: BorderRadius.circular(18), + )), + padding: MaterialStateProperty.all(EdgeInsets.all(0.0)), + ), + child: Ink( + decoration: BoxDecoration( + gradient: RadialGradient( + center: Alignment(0, 3), + focalRadius: 10, + radius: 2.5, + stops: [0.4, 1.0], + colors: [Color(0xff9E78FF), Color(0xff633AF4)], + ), + borderRadius: BorderRadius.circular(18.0), + border: Border.all( + color: Color(0xff1C1C1C), + width: 5, + ), + ), + child: Container( + padding: EdgeInsets.only(top: 20, bottom: 20), + constraints: BoxConstraints(maxWidth: 300.0, minHeight: 50.0), + decoration: BoxDecoration( + boxShadow: [ + BoxShadow( + color: Color(0xff7E56F9).withOpacity(0.23), + spreadRadius: 4, + blurRadius: 40, + offset: Offset(0, 3), // changes position of shadow + ), + ], + ), + alignment: Alignment.center, + child: Text( + "Se connecter", + textAlign: TextAlign.center, + style: TextStyle(color: Colors.white, fontSize: 18), + ), + ), + ), + ); + } +} diff --git a/justMUSIC/lib/main.dart b/justMUSIC/lib/main.dart index aab6788..4ad7860 100644 --- a/justMUSIC/lib/main.dart +++ b/justMUSIC/lib/main.dart @@ -1,6 +1,6 @@ import 'package:flutter/material.dart'; import 'package:flutter/services.dart'; -import 'package:justmusic/screens/welcome_screen.dart'; +import 'package:justmusic/screens/login_screen.dart'; void main() { runApp(const MyApp()); @@ -27,7 +27,7 @@ class MyApp extends StatelessWidget { // is not restarted. primarySwatch: Colors.blue, ), - home: const WellcomeScreen(), + home: const LoginScreen(), ); } } diff --git a/justMUSIC/lib/screens/login_screen.dart b/justMUSIC/lib/screens/login_screen.dart new file mode 100644 index 0000000..7bc1a33 --- /dev/null +++ b/justMUSIC/lib/screens/login_screen.dart @@ -0,0 +1,55 @@ +import 'package:flutter/cupertino.dart'; +import 'package:flutter/material.dart'; +import 'package:google_fonts/google_fonts.dart'; +import 'package:justmusic/values/constants.dart'; + +import '../components/login_button.dart'; + +class LoginScreen extends StatefulWidget { + const LoginScreen({Key? key}) : super(key: key); + + @override + State createState() => _LoginScreenState(); +} + +class _LoginScreenState extends State { + @override + Widget build(BuildContext context) { + return Scaffold( + backgroundColor: bgColor, + body: Align( + child: Column( + children: [ + Expanded( + child: Column( + children: [ + Text( + "Te revoilà!", + style: GoogleFonts.plusJakartaSans( + color: Colors.white, + fontWeight: FontWeight.w500, + fontSize: 38), + ), + SizedBox( + height: 10, + ), + SizedBox( + width: 230, + child: Text( + "Bon retour parmis nous tu nous as manqué!", + style: GoogleFonts.plusJakartaSans( + color: Colors.white, + fontWeight: FontWeight.w300, + fontSize: 20), + textAlign: TextAlign.center, + ), + ), + LoginButton() + ], + )) + ], + ), + ), + ); + } +} diff --git a/justMUSIC/pubspec.lock b/justMUSIC/pubspec.lock index 33dd8a0..557e273 100644 --- a/justMUSIC/pubspec.lock +++ b/justMUSIC/pubspec.lock @@ -95,6 +95,13 @@ packages: url: "https://pub.dartlang.org" source: hosted version: "4.0.4" + gradiantbutton: + dependency: "direct main" + description: + name: gradiantbutton + url: "https://pub.dartlang.org" + source: hosted + version: "0.0.1" http: dependency: transitive description: @@ -212,6 +219,13 @@ packages: description: flutter source: sdk version: "0.0.99" + smooth_corner: + dependency: "direct main" + description: + name: smooth_corner + url: "https://pub.dartlang.org" + source: hosted + version: "1.1.0" source_span: dependency: transitive description: diff --git a/justMUSIC/pubspec.yaml b/justMUSIC/pubspec.yaml index 565e5f6..28319e9 100644 --- a/justMUSIC/pubspec.yaml +++ b/justMUSIC/pubspec.yaml @@ -37,6 +37,8 @@ dependencies: # Use with the CupertinoIcons class for iOS style icons. cupertino_icons: ^1.0.2 google_fonts: ^4.0.4 + gradiantbutton: ^0.0.1 + smooth_corner: ^1.1.0 dev_dependencies: flutter_test: