overflows on mobile

nostrocket · Apr 19, 2024 · 6b5203f · 6b5203f
1 parent 6a24891
commit 6b5203f
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/app.html b/src/app.html
@@ -8,6 +8,6 @@
 		%sveltekit.head%
 	</head>
 	<body data-sveltekit-preload-data="hover" class=" bg-zinc-50 dark:bg-zinc-900 overflow-hidden">
-<div class="w-screen h-screen">%sveltekit.body%</div>
+<div class="w-full h-full">%sveltekit.body%</div>
 	</body>
 </html>
diff --git a/src/lib/components/ChatLayout.svelte b/src/lib/components/ChatLayout.svelte
@@ -19,7 +19,7 @@
 	export let hideFaucet = false;
 </script>
 
-<div class="flex h-screen w-screen flex-row">
+<div class="flex h-full w-full flex-row">
 	<!-- Icon Sidebar -->
 	<div class="w-12 flex-shrink-0 block bg-orange-500 dark:bg-cyan-950">
 		<div class="flex h-full flex-col bg-layer-2">
@@ -68,13 +68,13 @@
 	</div>
 
 	<div class="flex-1">
-		<div class="h-screen flex-col">
+		<div class="h-full flex-col">
 			<div class="h-5/6 bg-white dark:bg-slate-900 overflow-x-hidden overflow-y-scroll no-scrollbar"><slot /></div>
 			<div class="h-1/6"><slot name="input" /></div>
 		</div>
 	</div>
 	<div class="hidden flex-1 lg:block">
-		<div class="h-screen flex-col">
+		<div class="h-full flex-col">
 			<div class="h-full flex-1 bg-zinc-400 dark:bg-cyan-800"><slot name="right" /></div>
 		</div>
 	</div>