Add lil hover to View More

2025-01-19 14:26:49 -06:00
parent 0bd92c1bd0
commit b1079471a6
2 changed files with 42 additions and 22 deletions
@@ -196,7 +196,16 @@ function VideoCards({
            a.rounded_md,
            t.atoms.bg,
          ]}>
-          <View style={[a.flex_row, a.align_center, a.gap_md]}>
+          {({pressed}) => (
+            <View
+              style={[
+                a.flex_row,
+                a.align_center,
+                a.gap_md,
+                {
+                  opacity: pressed ? 0.6 : 1,
+                },
+              ]}>
              <Text style={[a.text_md]}>
                <Trans>View more</Trans>
              </Text>
@@ -214,6 +223,7 @@ function VideoCards({
                <ButtonIcon icon={ChevronRight} />
              </View>
            </View>
+          )}
        </Link>
      </View>
    </>
@@ -236,7 +236,16 @@ function VideoCards({
            a.rounded_md,
            t.atoms.bg_contrast_25,
          ]}>
-          <View style={[a.flex_row, a.align_center, a.gap_md]}>
+          {({pressed}) => (
+            <View
+              style={[
+                a.flex_row,
+                a.align_center,
+                a.gap_md,
+                {
+                  opacity: pressed ? 0.6 : 1,
+                },
+              ]}>
              <Text style={[a.text_md]}>
                <Trans>View more</Trans>
              </Text>
@@ -254,6 +263,7 @@ function VideoCards({
                <ButtonIcon icon={ChevronRight} />
              </View>
            </View>
+          )}
        </Link>
      </View>
    </>