fix(ui): overflow for TrendingVideos scroll container
Added overflow_hidden to the main container and set overflow_visible on the FlatList to ensure proper display of horizontally scrolling cards. This resolves clipping issues and improves the visual layout of trending videos.
This commit is contained in:
@@ -71,6 +71,7 @@ export function TrendingVideos() {
|
|||||||
a.pt_lg,
|
a.pt_lg,
|
||||||
a.pb_lg,
|
a.pb_lg,
|
||||||
a.border_t,
|
a.border_t,
|
||||||
|
a.overflow_hidden,
|
||||||
t.atoms.border_contrast_low,
|
t.atoms.border_contrast_low,
|
||||||
t.atoms.bg_contrast_25,
|
t.atoms.bg_contrast_25,
|
||||||
]}>
|
]}>
|
||||||
@@ -104,7 +105,8 @@ export function TrendingVideos() {
|
|||||||
horizontal
|
horizontal
|
||||||
showsHorizontalScrollIndicator={false}
|
showsHorizontalScrollIndicator={false}
|
||||||
decelerationRate="fast"
|
decelerationRate="fast"
|
||||||
snapToInterval={CARD_WIDTH + a.gap_sm.gap}>
|
snapToInterval={CARD_WIDTH + a.gap_sm.gap}
|
||||||
|
style={[a.overflow_visible]}>
|
||||||
<View
|
<View
|
||||||
style={[
|
style={[
|
||||||
a.flex_row,
|
a.flex_row,
|
||||||
|
|||||||
Reference in New Issue
Block a user