Fix overflow, add bg to no-thumb state

This commit is contained in:
Eric Bailey
2024-09-15 15:30:36 -05:00
parent 644717fa03
commit 5945eeda3b
@@ -227,7 +227,15 @@ export function ExternalPlayer({
<Animated.View <Animated.View
ref={viewRef} ref={viewRef}
collapsable={false} collapsable={false}
style={[aspect, a.rounded_sm]}> style={[
aspect,
a.rounded_sm,
a.overflow_hidden,
{
borderBottomLeftRadius: 0,
borderBottomRightRadius: 0,
},
]}>
{link.thumb && (!isPlayerActive || isLoading) ? ( {link.thumb && (!isPlayerActive || isLoading) ? (
<> <>
<Image <Image
@@ -257,15 +265,29 @@ export function ExternalPlayer({
/> />
</> </>
) : ( ) : (
<MediaInsetBorder <>
opaque <Fill
style={[ style={[
{ a.rounded_sm,
borderBottomLeftRadius: 0, {
borderBottomRightRadius: 0, backgroundColor:
}, t.name === 'light' ? t.palette.contrast_975 : 'black',
]} borderBottomLeftRadius: 0,
/> borderBottomRightRadius: 0,
opacity: 0.3,
},
]}
/>
<MediaInsetBorder
opaque
style={[
{
borderBottomLeftRadius: 0,
borderBottomRightRadius: 0,
},
]}
/>
</>
)} )}
<PlaceholderOverlay <PlaceholderOverlay
isLoading={isLoading} isLoading={isLoading}