feat: 1.0 (#9)

* feat: gallery and app bar UI fixes

* feat: theme history ui

* feat: history integration + home ui fixes

* feat: ui fixes

* feat: ui fixes for all screens

* feat: sign out clears cache

* feat: app icon, splash and onboarding fixes

* feat: major fixes

* feat: gallery and account animation + loading states + error handling

* feat: simplified animation cuz old one broke :(

* feat: save art and publish art validation + fixes

* fix: gallery ui oops

* refactor: custom page view tab -> tab bar view

* feat: ui fixes

* feat: auth screen fixes

---------

Co-authored-by: Dev Keshwani <dev.keshwani345@gmail.com>

gdsc_art/lib/Auth/AuthUICompnents/auth_btn.dart

@@ -12,18 +12,22 @@ class AuthButton extends StatelessWidget {
   Widget build(BuildContext context) {
     return SizedBox(
       height: 50,
-      width: MediaQuery.of(context).size.width * 0.75,
+      width: MediaQuery.of(context).size.width,
       child: ElevatedButton(
         style: ElevatedButton.styleFrom(
-          backgroundColor: CustomColors.secondaryBrown,
+          backgroundColor: CustomColors.primaryCream,
           shape: RoundedRectangleBorder(
             borderRadius: BorderRadius.circular(16.0),
           ),
         ),
         onPressed: onPressed,
         child: Text(
           buttonText,
-          style: const TextStyle(color: Colors.black, fontSize: 16),
+          style: const TextStyle(
+            color: Color(0xff232223),
+            fontSize: 16,
+            fontFamily: 'OutfitSemiBold',
+          ),
         ),
       ),
     );

gdsc_art/lib/Auth/AuthUICompnents/login_signup_toggle.dart

@@ -12,7 +12,7 @@ class ToggleSection extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return Container(
-      width: MediaQuery.of(context).size.width * 0.75,
+      width: MediaQuery.of(context).size.width,
       decoration: BoxDecoration(
         color: CustomColors.primaryBlack,
         borderRadius: BorderRadius.circular(12.0),
@@ -43,8 +43,9 @@ class ToggleSection extends StatelessWidget {
                   'Login',
                   textAlign: TextAlign.center,
                   style: TextStyle(
-                    color: isLogin ? Colors.black : Colors.white,
+                    color: isLogin ? Color(0xff232223) : Colors.white,
                     fontSize: 16,
+                    fontFamily: 'OutfitSemiBold',
                   ),
                 ),
               ),
@@ -59,7 +60,7 @@ class ToggleSection extends StatelessWidget {
                 padding: const EdgeInsets.all(10.0),
                 decoration: BoxDecoration(
                   color: isLogin
-                      ? CustomColors.primaryBlack
+                      ? Colors.transparent
                       : CustomColors.secondaryBrown,
                   borderRadius: BorderRadius.only(
                     topLeft: isLogin ? Radius.zero : const Radius.circular(12),
@@ -73,7 +74,8 @@ class ToggleSection extends StatelessWidget {
                   'Signup',
                   textAlign: TextAlign.center,
                   style: TextStyle(
-                    color: isLogin ? Colors.white : Colors.black,
+                    color: isLogin ? Colors.white : Color(0xff232223),
+                    fontFamily: 'OutfitSemiBold',
                     fontSize: 16,
                   ),
                 ),

gdsc_art/lib/Auth/AuthUICompnents/text_feild_component.dart

@@ -5,34 +5,61 @@ class TextFieldComponent extends StatelessWidget {
   final String labelText;
   final TextEditingController controller;
   final bool obscureText;
+  final Widget? suffixIcon;
+  final String? Function(String?)? validator;
 
   const TextFieldComponent({
     super.key,
     required this.labelText,
     required this.controller,
     this.obscureText = false,
+    this.suffixIcon,
+    this.validator,
   });
 
   @override
   Widget build(BuildContext context) {
-    return SizedBox(
-      height: 50,
-      width: MediaQuery.of(context).size.width * 0.75,
-      child: TextField(
+    return Padding(
+      padding: const EdgeInsets.symmetric(horizontal: 24.0),
+      child: TextFormField(
         controller: controller,
         obscureText: obscureText,
-        style: const TextStyle(color: Colors.white),
+        validator: validator,
+        style: const TextStyle(
+          color: CustomColors.primaryWhite,
+          fontFamily: "OutfitRegular",
+        ),
         decoration: InputDecoration(
           labelText: labelText,
-          labelStyle: TextStyle(color: CustomColors.primaryCream),
+          labelStyle: const TextStyle(
+            color: CustomColors.primaryWhite,
+            fontFamily: "OutfitRegular",
+          ),
           enabledBorder: OutlineInputBorder(
-            borderSide: const BorderSide(color: CustomColors.primaryBrown),
-            borderRadius: BorderRadius.circular(10),
+            borderRadius: BorderRadius.circular(8),
+            borderSide: const BorderSide(
+              color: CustomColors.primaryWhite,
+            ),
           ),
           focusedBorder: OutlineInputBorder(
-            borderSide: const BorderSide(color: CustomColors.primaryBrown),
-            borderRadius: BorderRadius.circular(10),
+            borderRadius: BorderRadius.circular(8),
+            borderSide: const BorderSide(
+              color: CustomColors.primaryWhite,
+            ),
+          ),
+          errorBorder: OutlineInputBorder(
+            borderRadius: BorderRadius.circular(8),
+            borderSide: const BorderSide(
+              color: Colors.red,
+            ),
+          ),
+          focusedErrorBorder: OutlineInputBorder(
+            borderRadius: BorderRadius.circular(8),
+            borderSide: const BorderSide(
+              color: Colors.red,
+            ),
           ),
+          suffixIcon: suffixIcon,
         ),
       ),
     );