diff options
| author | jim <310223+jimmylee@users.noreply.github.com> | 2025-07-24 13:51:05 -0700 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2025-07-24 13:51:05 -0700 |
| commit | c48f35d7269c8e235adf73751db8b901c8b791ce (patch) | |
| tree | 5dec4d294c1e166be9a212faa268b7e65ff73760 /src/components/VideoPostCard.tsx | |
| parent | d1dbc4f85242ee5fdacd28ff5fad9552ceb139f2 (diff) | |
| parent | 742397bb1a0d13c163dd92a8271f8468159bcc4f (diff) | |
| download | voidsky-c48f35d7269c8e235adf73751db8b901c8b791ce.tar.zst | |
Merge pull request #8702 from internet-development/caidan/app-1328-new-trending-video-interstitial
feat(ui): new trending video design
Diffstat (limited to 'src/components/VideoPostCard.tsx')
| -rw-r--r-- | src/components/VideoPostCard.tsx | 17 |
1 files changed, 13 insertions, 4 deletions
diff --git a/src/components/VideoPostCard.tsx b/src/components/VideoPostCard.tsx index 191c7b82a..a1bdd29b4 100644 --- a/src/components/VideoPostCard.tsx +++ b/src/components/VideoPostCard.tsx @@ -411,6 +411,7 @@ export function CompactVideoPostCard({ onPressOut={onPressOut} style={[ a.flex_col, + t.atoms.shadow_sm, { alignItems: undefined, justifyContent: undefined, @@ -421,8 +422,10 @@ export function CompactVideoPostCard({ <View style={[ a.justify_center, - a.rounded_md, + a.rounded_lg, a.overflow_hidden, + a.border, + t.atoms.border_contrast_low, { backgroundColor: black, aspectRatio: 9 / 16, @@ -443,6 +446,8 @@ export function CompactVideoPostCard({ a.inset_0, a.justify_center, a.align_center, + a.border, + t.atoms.border_contrast_low, { backgroundColor: 'black', opacity: 0.2, @@ -462,8 +467,10 @@ export function CompactVideoPostCard({ <View style={[ a.justify_center, - a.rounded_md, + a.rounded_lg, a.overflow_hidden, + a.border, + t.atoms.border_contrast_low, { backgroundColor: black, aspectRatio: 9 / 16, @@ -534,11 +541,13 @@ export function CompactVideoPostCardPlaceholder() { const black = getBlackColor(t) return ( - <View style={[a.flex_1]}> + <View style={[a.flex_1, t.atoms.shadow_sm]}> <View style={[ - a.rounded_md, + a.rounded_lg, a.overflow_hidden, + a.border, + t.atoms.border_contrast_low, { backgroundColor: black, aspectRatio: 9 / 16, |