diff --git a/web/components/StartAnim.tsx b/web/components/StartAnim.tsx index d5533e7..ef9ab79 100644 --- a/web/components/StartAnim.tsx +++ b/web/components/StartAnim.tsx @@ -19,6 +19,7 @@ const StartAnim = ({ onComplete, style }: Props) => { useEffect(() => { if (window) { setPotraitMode(window.innerWidth < window.innerHeight) + setScreenAspect(window.innerWidth / window.innerHeight) } }, []) @@ -33,7 +34,7 @@ const StartAnim = ({ onComplete, style }: Props) => { return
aspect ? innerWidth + "px" : undefined) : (screenAspect > aspect ? innerWidth + "px" : undefined), aspectRatio: aspect, zIndex: 0, backgroundColor: "transparent" }} + style={{ minHeight: potraitMode ? (screenAspect < aspect ? innerHeight + 'px' : undefined) : (screenAspect < aspect ? window.innerHeight + 'px' : undefined), minWidth: potraitMode ? (screenAspect > aspect ? innerWidth + "px" : undefined) : (screenAspect > aspect ? window.innerWidth + "px" : undefined), aspectRatio: aspect, zIndex: 0, backgroundColor: "transparent" }} />
}