mirrors/smov
mirrors/smov
1
0
Fork 0
mirror of https://github.com/sussy-code/smov.git synced 2024-12-21 14:47:41 +01:00
Code Issues Wiki Activity

Fix router page overflow on mobile

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/overlays/OverlayPage.tsx
View file

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

4
src/components/overlays/OverlayRouter.tsx
View file

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