1
0
Fork 0
mirror of https://github.com/sussy-code/smov.git synced 2024-12-29 16:07:40 +01:00

Fix router page overflow on mobile

This commit is contained in:
Jip Fr 2023-11-29 22:16:46 +01:00
parent 4652498125
commit fa2fac351e
2 changed files with 3 additions and 3 deletions

View file

@ -47,7 +47,7 @@ export function OverlayPage(props: Props) {
show={show}
>
<div
className={classNames([props.className, ""])}
className={classNames(["grid grid-rows-1 max-h-full", props.className])}
style={{
height: props.height ? `${props.height}px` : undefined,
width: props.width ? width : undefined,

View file

@ -75,7 +75,7 @@ function RouterBase(props: { id: string; children: ReactNode }) {
<a.div
ref={ref}
style={dimensions}
className="overflow-hidden relative z-10"
className="overflow-hidden relative z-10 max-h-full"
>
<Flare.Base className="group w-full bg-video-context-border h-full rounded-2xl transition-colors duration-100 text-video-context-type-main">
<Flare.Light
@ -84,7 +84,7 @@ function RouterBase(props: { id: string; children: ReactNode }) {
backgroundClass="bg-video-context-background duration-100"
className="rounded-2xl opacity-100"
/>
<Flare.Child className="pointer-events-auto relative transition-transform duration-100">
<Flare.Child className="pointer-events-auto relative transition-transform duration-100 h-full">
{props.children}
</Flare.Child>
</Flare.Base>