pihkaal/pihkaal-me
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: use svh instead of vh

Browse Source
This commit is contained in:
Pihkaal
2024-09-12 22:19:48 +02:00
parent 73e2c92b9b
commit b88f7b3d26
3 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/App.tsx
View File

@@ -28,7 +28,7 @@ const AppRoot = () => {
className="pointer-events-none fixed inset-0 z-20 bg-black" className="pointer-events-none fixed inset-0 z-20 bg-black"
style={{ opacity }} style={{ opacity }}
/> />
<main className="h-screen w-screen overflow-hidden bg-[url(/wallpaper.webp)] bg-cover bg-center"> <main className="h-[100svh] w-screen overflow-hidden bg-[url(/wallpaper.webp)] bg-cover bg-center">
{state === "login" ? ( {state === "login" ? (
<Sddm /> <Sddm />
) : ( ) : (

2
src/components/Boot.tsx
View File

@@ -32,7 +32,7 @@ export const Boot = () => {
}, [setState, line]); }, [setState, line]);
return ( return (
<main className="h-screen w-screen bg-black text-white"> <main className="h-[100svh] w-screen bg-black text-white">
{LINES.filter((_, i) => i <= line).map((line, i) => ( {LINES.filter((_, i) => i <= line).map((line, i) => (
<p key={i}>{line}</p> <p key={i}>{line}</p>
))} ))}

2
src/components/Off.tsx
View File

@@ -20,7 +20,7 @@ export const Off = () => {
}, [state, setState, booting]); }, [state, setState, booting]);
return ( return (
<div className="flex h-screen w-screen flex-col items-center justify-center bg-black"> <div className="flex h-[100svh] w-screen flex-col items-center justify-center bg-black">
<button <button
className={`drop-shadow-white cursor-pointer transition-all ${ className={`drop-shadow-white cursor-pointer transition-all ${
booting ? "animate-disappear" : "animate-breathing" booting ? "animate-disappear" : "animate-breathing"