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, a.rounded_md,
t.atoms.bg, t.atoms.bg,
]}> ]}>
<View style={[a.flex_row, a.align_center, a.gap_md]}> {({pressed}) => (
<Text style={[a.text_md]}>
<Trans>View more</Trans>
</Text>
<View <View
style={[ style={[
a.flex_row,
a.align_center, a.align_center,
a.justify_center, a.gap_md,
a.rounded_full,
{ {
width: 34, opacity: pressed ? 0.6 : 1,
height: 34,
backgroundColor: t.palette.primary_500,
}, },
]}> ]}>
<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>
</View> )}
</Link> </Link>
</View> </View>
</> </>
src/screens/Search/components/ExploreTrendingVideos.tsx
+21 -11
View File
@@ -236,24 +236,34 @@ function VideoCards({
a.rounded_md, a.rounded_md,
t.atoms.bg_contrast_25, t.atoms.bg_contrast_25,
]}> ]}>
<View style={[a.flex_row, a.align_center, a.gap_md]}> {({pressed}) => (
<Text style={[a.text_md]}>
<Trans>View more</Trans>
</Text>
<View <View
style={[ style={[
a.flex_row,
a.align_center, a.align_center,
a.justify_center, a.gap_md,
a.rounded_full,
{ {
width: 34, opacity: pressed ? 0.6 : 1,
height: 34,
backgroundColor: t.palette.primary_500,
}, },
]}> ]}>
<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>
</View> )}
</Link> </Link>
</View> </View>
</> </>