Update layout styles for responsive design adjustments

nwaughachukwuma · Dec 1, 2024 · 25ae218 · 25ae218
1 parent 4462677
commit 25ae218
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/app/src/routes/+layout.svelte b/app/src/routes/+layout.svelte
@@ -37,13 +37,13 @@
 </svelte:head>
 
 <div class="h-screen bg-background block w-full">
-	<div class={cs({ 'md:hidden': $openSettingsDrawer$ })}>
+	<div class={cs('w-full', { 'md:hidden': $openSettingsDrawer$ })}>
 		<RootNav {sessionId} />
 	</div>
 	<div
-		class={cs('flex w-full', {
+		class={cs('flex w-full relative', {
 			'h-full': $openSettingsDrawer$,
-			'h-[calc(100%-4rem)]': !$openSettingsDrawer$
+			'h-[calc(100vh-4rem)]': !$openSettingsDrawer$
 		})}
 	>
 		{#if browser}