Cossale/kepler-chat
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix further

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

21
src/app.css
View file

@ -211,23 +211,6 @@
--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 {
height: 100svh;
@ -240,9 +223,7 @@
}
body {
@apply bg-background text-foreground bg-noise fill-device;
position: fixed;
overflow: clip;
@apply bg-background text-foreground bg-noise fill-device-height w-full;
}
}

5
src/app.html
View file

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

4
src/routes/chat/+layout.svelte
View file

@ -378,6 +378,10 @@
<svelte:head>
<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:window