apply iOS fix to safari (#12663)

This commit is contained in:
Nicolas Mowen 2024-07-29 10:34:45 -06:00 committed by GitHub
parent 7d03d99852
commit 84348350fe
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -234,11 +234,11 @@ export default function PreviewThumbnailPlayer({
<div <div
className={cn( className={cn(
"rounded-t-l pointer-events-none absolute inset-x-0 top-0 h-[30%] w-full bg-gradient-to-b from-black/60 to-transparent", "rounded-t-l pointer-events-none absolute inset-x-0 top-0 h-[30%] w-full bg-gradient-to-b from-black/60 to-transparent",
!isIOS && "z-10", !isSafari && "z-10",
)} )}
/> />
)} )}
<div className={cn("absolute left-0 top-2", !isIOS && "z-40")}> <div className={cn("absolute left-0 top-2", !isSafari && "z-40")}>
<Tooltip> <Tooltip>
<div <div
className="flex" className="flex"
@ -287,7 +287,7 @@ export default function PreviewThumbnailPlayer({
<div <div
className={cn( className={cn(
"rounded-b-l pointer-events-none absolute inset-x-0 bottom-0 h-[20%] w-full bg-gradient-to-t from-black/60 to-transparent", "rounded-b-l pointer-events-none absolute inset-x-0 bottom-0 h-[20%] w-full bg-gradient-to-t from-black/60 to-transparent",
!isIOS && "z-10", !isSafari && "z-10",
)} )}
> >
<div className="mx-3 flex h-full items-end justify-between pb-1 text-sm text-white"> <div className="mx-3 flex h-full items-end justify-between pb-1 text-sm text-white">