fix further

This commit is contained in:
Thomas G. Lopes 2025-06-19 17:23:35 +01:00
parent b468afdc8c
commit 5ed43a68ac
3 changed files with 6 additions and 24 deletions

View file

@ -211,23 +211,6 @@
--shadow-2xl: var(--shadow-2xl); --shadow-2xl: var(--shadow-2xl);
} }
@utility fill-device {
height: 100vh;
height: 100dvh; /* Dynamic viewport height - newer browsers */
/* Alternative: Use env() for safe areas */
min-height: calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));
/* Ensure full width */
width: 100vw;
width: 100dvw; /* Dynamic viewport width */
/* Remove default margins/padding */
margin: 0;
padding: 0;
overflow-x: hidden;
}
@utility fill-device-height { @utility fill-device-height {
height: 100svh; height: 100svh;
@ -240,9 +223,7 @@
} }
body { body {
@apply bg-background text-foreground bg-noise fill-device; @apply bg-background text-foreground bg-noise fill-device-height w-full;
position: fixed;
overflow: clip;
} }
} }

View file

@ -3,10 +3,7 @@
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<link rel="icon" href="%sveltekit.assets%/favicon.png" /> <link rel="icon" href="%sveltekit.assets%/favicon.png" />
<meta <meta name="viewport" content="width=device-width, initial-scale=1" />
name="viewport"
content="width=device-width, initial-scale=1, viewport-fit=cover, interactive-widget=resizes-content"
/>
<title>thom.chat</title> <title>thom.chat</title>
%sveltekit.head% %sveltekit.head%
</head> </head>

View file

@ -378,6 +378,10 @@
<svelte:head> <svelte:head>
<title>Chat | thom.chat</title> <title>Chat | thom.chat</title>
<meta
name="viewport"
content="width=device-width, initial-scale=1, viewport-fit=cover, interactive-widget=resizes-content"
/>
</svelte:head> </svelte:head>
<svelte:window <svelte:window