fix further
This commit is contained in:
parent
b468afdc8c
commit
5ed43a68ac
3 changed files with 6 additions and 24 deletions
21
src/app.css
21
src/app.css
|
|
@ -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;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue