fix(mobile): Revert thumbnail image ui improvements (immich-app#13655) (

immich-app#13806) Revert "chore(mobile): thumbnail image ui improvements (immich-app#13655)" This reverts commit 16f2364.
yosit · Nov 21, 2024 · 2d42a8b · 2d42a8b
1 parent 3e119de
commit 2d42a8b
Showing 1 changed file with 32 additions and 54 deletions.
diff --git a/mobile/lib/widgets/asset_grid/thumbnail_image.dart b/mobile/lib/widgets/asset_grid/thumbnail_image.dart
@@ -138,31 +138,10 @@ class ThumbnailImage extends ConsumerWidget {
           tag: isFromDto
               ? '${asset.remoteId}-$heroOffset'
               : asset.id + heroOffset,
-          child: Stack(
-            children: [
-              ImmichThumbnail(
-                asset: asset,
-                height: 250,
-                width: 250,
-              ),
-              Container(
-                height: 250,
-                width: 250,
-                decoration: const BoxDecoration(
-                  gradient: LinearGradient(
-                    colors: [
-                      Color.fromRGBO(0, 0, 0, 0.1),
-                      Colors.transparent,
-                      Colors.transparent,
-                      Color.fromRGBO(0, 0, 0, 0.1),
-                    ],
-                    begin: Alignment.topCenter,
-                    end: Alignment.bottomCenter,
-                    stops: [0, 0.3, 0.6, 1],
-                  ),
-                ),
-              ),
-            ],
+          child: ImmichThumbnail(
+            asset: asset,
+            height: 250,
+            width: 250,
           ),
         ),
       );
@@ -174,8 +153,11 @@ class ThumbnailImage extends ConsumerWidget {
           color: canDeselect ? assetContainerColor : Colors.grey,
         ),
         child: ClipRRect(
-          borderRadius: const BorderRadius.all(
-            Radius.circular(15.0),
+          borderRadius: const BorderRadius.only(
+            topRight: Radius.circular(15.0),
+            bottomRight: Radius.circular(15.0),
+            bottomLeft: Radius.circular(15.0),
+            topLeft: Radius.zero,
           ),
           child: image,
         ),
@@ -195,33 +177,7 @@ class ThumbnailImage extends ConsumerWidget {
                   )
                 : const Border(),
           ),
-          child: Stack(
-            children: [
-              buildImage(),
-              if (showStorageIndicator)
-                Positioned(
-                  right: 8,
-                  bottom: 5,
-                  child: Icon(
-                    storageIcon(asset),
-                    color: Colors.white.withOpacity(.8),
-                    size: 16,
-                  ),
-                ),
-              if (asset.isFavorite)
-                const Positioned(
-                  left: 8,
-                  bottom: 5,
-                  child: Icon(
-                    Icons.favorite,
-                    color: Colors.white,
-                    size: 16,
-                  ),
-                ),
-              if (!asset.isImage) buildVideoIcon(),
-              if (asset.stackCount > 0) buildStackIcon(),
-            ],
-          ),
+          child: buildImage(),
         ),
         if (multiselectEnabled)
           Padding(
@@ -231,6 +187,28 @@ class ThumbnailImage extends ConsumerWidget {
               child: buildSelectionIcon(asset),
             ),
           ),
+        if (showStorageIndicator)
+          Positioned(
+            right: 8,
+            bottom: 5,
+            child: Icon(
+              storageIcon(asset),
+              color: Colors.white.withOpacity(.8),
+              size: 16,
+            ),
+          ),
+        if (asset.isFavorite)
+          const Positioned(
+            left: 8,
+            bottom: 5,
+            child: Icon(
+              Icons.favorite,
+              color: Colors.white,
+              size: 18,
+            ),
+          ),
+        if (!asset.isImage) buildVideoIcon(),
+        if (asset.stackCount > 0) buildStackIcon(),
       ],
     );
   }