[Web] Scale animation when clicking on images (#10305)

2026-04-20 11:09:35 -07:00
parent b8cabfaae6
commit ae0c2e8697
2 changed files with 28 additions and 9 deletions
@@ -430,15 +430,20 @@ function GalleryImage({
          color: utils.alpha(t.atoms.bg.backgroundColor, 0.2),
          foreground: true,
        }}
-        style={[
+        style={({pressed}) => [
          a.rounded_md,
          a.overflow_hidden,
          t.atoms.bg_contrast_25,
-          web({
-            cursor: 'inherit',
-            outline: 0,
-            border: 0,
-          }),
+          web([
+            {
+              cursor: 'inherit',
+              outline: 0,
+              border: 0,
+            },
+            a.transition_transform,
+            {transitionDuration: '200ms'},
+            pressed && {transform: [{scale: 0.99}]},
+          ]),
        ]}>
        <Image
          source={{uri: image.thumb}}