chore(mobile): minor styling fix (#11619)

immich-app · Aug 6, 2024 · 1dae622 · 1dae622
1 parent 8ca24f0
commit 1dae622
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 12 deletions.
diff --git a/mobile/lib/pages/common/create_album.page.dart b/mobile/lib/pages/common/create_album.page.dart
@@ -114,11 +114,11 @@ class CreateAlbumPage extends HookConsumerWidget {
               style: FilledButton.styleFrom(
                 alignment: Alignment.centerLeft,
                 padding:
-                    const EdgeInsets.symmetric(vertical: 16, horizontal: 16),
+                    const EdgeInsets.symmetric(vertical: 24, horizontal: 16),
                 shape: RoundedRectangleBorder(
                   borderRadius: BorderRadius.circular(10),
                 ),
-                backgroundColor: context.colorScheme.surfaceContainerHighest,
+                backgroundColor: context.colorScheme.surfaceContainerHigh,
               ),
               onPressed: onSelectPhotosButtonPressed,
               icon: Icon(
@@ -130,7 +130,8 @@ class CreateAlbumPage extends HookConsumerWidget {
                 child: Text(
                   'create_shared_album_page_share_select_photos',
                   style: context.textTheme.titleMedium?.copyWith(
-                    fontWeight: FontWeight.normal,
+                    fontWeight: FontWeight.w600,
+                    color: context.primaryColor,
                   ),
                 ).tr(),
               ),
@@ -146,7 +147,7 @@ class CreateAlbumPage extends HookConsumerWidget {
       return Padding(
         padding: const EdgeInsets.only(left: 12.0, top: 16, bottom: 16),
         child: SizedBox(
-          height: 30,
+          height: 42,
           child: ListView(
             scrollDirection: Axis.horizontal,
             children: [
@@ -262,7 +263,7 @@ class CreateAlbumPage extends HookConsumerWidget {
               pinned: true,
               floating: false,
               bottom: PreferredSize(
-                preferredSize: const Size.fromHeight(66.0),
+                preferredSize: const Size.fromHeight(96.0),
                 child: Column(
                   children: [
                     buildTitleInputField(),

diff --git a/mobile/lib/widgets/album/album_action_filled_button.dart b/mobile/lib/widgets/album/album_action_filled_button.dart
@@ -19,7 +19,7 @@ class AlbumActionFilledButton extends StatelessWidget {
       padding: const EdgeInsets.only(right: 16.0),
       child: FilledButton.icon(
         style: FilledButton.styleFrom(
-          padding: const EdgeInsets.symmetric(vertical: 0, horizontal: 10),
+          padding: const EdgeInsets.symmetric(vertical: 0, horizontal: 16),
           shape: RoundedRectangleBorder(
             borderRadius: BorderRadius.circular(25),
           ),

diff --git a/mobile/lib/widgets/album/album_title_text_field.dart b/mobile/lib/widgets/album/album_title_text_field.dart
@@ -59,18 +59,21 @@ class AlbumTitleTextField extends ConsumerWidget {
                 splashRadius: 10,
               )
             : null,
-        enabledBorder: const OutlineInputBorder(
-          borderSide: BorderSide(color: Colors.transparent),
+        enabledBorder: OutlineInputBorder(
+          borderSide: const BorderSide(color: Colors.transparent),
+          borderRadius: BorderRadius.circular(10),
         ),
-        focusedBorder: const OutlineInputBorder(
-          borderSide: BorderSide(color: Colors.transparent),
+        focusedBorder: OutlineInputBorder(
+          borderSide: const BorderSide(color: Colors.transparent),
+          borderRadius: BorderRadius.circular(10),
         ),
         hintText: 'share_add_title'.tr(),
         hintStyle: context.themeData.inputDecorationTheme.hintStyle?.copyWith(
           fontSize: 28,
+          fontWeight: FontWeight.bold,
         ),
         focusColor: Colors.grey[300],
-        fillColor: context.scaffoldBackgroundColor,
+        fillColor: context.colorScheme.surfaceContainerHigh,
         filled: isAlbumTitleTextFieldFocus.value,
       ),
     );

diff --git a/mobile/lib/widgets/common/app_bar_dialog/app_bar_dialog.dart b/mobile/lib/widgets/common/app_bar_dialog/app_bar_dialog.dart
@@ -57,7 +57,6 @@ class ImmichAppBarDialog extends HookConsumerWidget {
                   ? 'assets/immich-text-dark.png'
                   : 'assets/immich-text-light.png',
               height: 16,
-              color: context.primaryColor,
             ),
           ),
         ],