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: