refactor ui

web/repertory/lib/constants.dart

@@ -21,11 +21,13 @@ const gradientColors = [Color(0xFF0A0F1F), Color(0xFF1B1C1F)];
 const gradientColors2 = [Color(0x07FFFFFF), Color(0x00000000)];
 const highlightAlpha = 0.10;
 const largeIconSize = 32.0;
-const logonWidth = 300.0;
+const loginIconSize = 54.0;
+const logonWidth = 420.0;
 const outlineAlpha = 0.15;
 const padding = 16.0;
-const paddingSmall = padding / 2.0;
 const paddingLarge = padding * 2.0;
+const paddingMedium = 12.0;
+const paddingSmall = padding / 2.0;
 const primaryAlpha = 0.12;
 const primarySurfaceAlpha = 92.0;
 const protocolTypeList = ['http', 'https'];

web/repertory/lib/screens/auth_screen.dart

@@ -136,8 +136,8 @@ class _AuthScreenState extends State<AuthScreen> {
                       duration: const Duration(milliseconds: 250),
                       child: ConstrainedBox(
                         constraints: const BoxConstraints(
-                          maxWidth: 420,
-                          minWidth: 300,
+                          maxWidth: constants.logonWidth,
+                          minWidth: constants.logonWidth,
                         ),
                         child: Card(
                           elevation: constants.padding,
@@ -164,8 +164,12 @@ class _AuthScreenState extends State<AuthScreen> {
                                   Align(
                                     alignment: Alignment.center,
                                     child: Container(
-                                      width: 64,
-                                      height: 64,
+                                      width:
+                                          constants.loginIconSize +
+                                          constants.paddingMedium * 2.0,
+                                      height:
+                                          constants.loginIconSize +
+                                          constants.paddingMedium * 2.0,
                                       decoration: BoxDecoration(
                                         color: scheme.primary.withValues(
                                           alpha: constants.outlineAlpha,
@@ -187,7 +191,7 @@ class _AuthScreenState extends State<AuthScreen> {
                                         ],
                                       ),
                                       padding: const EdgeInsets.all(
-                                        constants.borderRadius,
+                                        constants.paddingMedium,
                                       ),
                                       child: Image.asset(
                                         'assets/images/repertory.png',
@@ -196,7 +200,7 @@ class _AuthScreenState extends State<AuthScreen> {
                                           return Icon(
                                             Icons.folder,
                                             color: scheme.primary,
-                                            size: constants.largeIconSize,
+                                            size: constants.loginIconSize,
                                           );
                                         },
                                       ),