acetheking987/bsky-social-app
1
0
Fork 0
Code Issues Actions Packages Projects Releases 1 Wiki Activity

Add lil hover to View More

Browse Source
This commit is contained in:
Eric Bailey
2025-01-19 14:26:49 -06:00
parent 0bd92c1bd0
commit b1079471a6
2 changed files with 42 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/interstitials/TrendingVideos.tsx
+21 -11
View File
@@ -196,24 +196,34 @@ function VideoCards({
a.rounded_md,
t.atoms.bg,
]}>
<View style={[a.flex_row, a.align_center, a.gap_md]}>
<Text style={[a.text_md]}>
<Trans>View more</Trans>
</Text>
{({pressed}) => (
<View
style={[
a.flex_row,
a.align_center,
a.justify_center,
a.rounded_full,
a.gap_md,
{
width: 34,
height: 34,
backgroundColor: t.palette.primary_500,
opacity: pressed ? 0.6 : 1,
},
]}>
<ButtonIcon icon={ChevronRight} />
<Text style={[a.text_md]}>
<Trans>View more</Trans>
</Text>
<View
style={[
a.align_center,
a.justify_center,
a.rounded_full,
{
width: 34,
height: 34,
backgroundColor: t.palette.primary_500,
},
]}>
<ButtonIcon icon={ChevronRight} />
</View>
</View>
</View>
)}
</Link>
</View>
</>
src/screens/Search/components/ExploreTrendingVideos.tsx
+21 -11
View File
@@ -236,24 +236,34 @@ function VideoCards({
a.rounded_md,
t.atoms.bg_contrast_25,
]}>
<View style={[a.flex_row, a.align_center, a.gap_md]}>
<Text style={[a.text_md]}>
<Trans>View more</Trans>
</Text>
{({pressed}) => (
<View
style={[
a.flex_row,
a.align_center,
a.justify_center,
a.rounded_full,
a.gap_md,
{
width: 34,
height: 34,
backgroundColor: t.palette.primary_500,
opacity: pressed ? 0.6 : 1,
},
]}>
<ButtonIcon icon={ChevronRight} />
<Text style={[a.text_md]}>
<Trans>View more</Trans>
</Text>
<View
style={[
a.align_center,
a.justify_center,
a.rounded_full,
{
width: 34,
height: 34,
backgroundColor: t.palette.primary_500,
},
]}>
<ButtonIcon icon={ChevronRight} />
</View>
</View>
</View>
)}
</Link>
</View>
</>