Fix overflow, add bg to no-thumb state
This commit is contained in:
@@ -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}
|
||||||
|
|||||||
Reference in New Issue
Block a user