mirror of
https://github.com/movie-web/movie-web.git
synced 2024-11-14 19:45:08 +01:00
Add safe area to mobile overlays
Co-authored-by: mrjvs <mistrjvs@gmail.com>
This commit is contained in:
parent
a5079d1e35
commit
056fabb266
@ -16,7 +16,7 @@ export function OverlayMobilePosition(props: MobilePositionProps) {
|
|||||||
return (
|
return (
|
||||||
<div
|
<div
|
||||||
className={classNames([
|
className={classNames([
|
||||||
"pointer-events-auto px-4 pb-6 z-10 bottom-0 origin-top-left inset-x-0 absolute overflow-hidden max-h-[calc(100vh-1.5rem)] grid grid-rows-[minmax(0,1fr),auto]",
|
"pointer-events-auto px-4 pb-6 z-10 ml-[env(safe-area-inset-left)] mr-[env(safe-area-inset-right)] bottom-0 origin-top-left inset-x-0 absolute overflow-hidden max-h-[calc(100vh-1.5rem)] grid grid-rows-[minmax(0,1fr),auto]",
|
||||||
props.className,
|
props.className,
|
||||||
])}
|
])}
|
||||||
>
|
>
|
||||||
|
Loading…
Reference in New Issue
Block a user