fix layout sizing

svecosystem · Jan 20, 2024 · 5a9875c · 5a9875c
1 parent 6384f17
commit 5a9875c
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 20 deletions.
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
@@ -11,5 +11,9 @@
 <Metadata />
 <ModeWatcher />
 <Navbar />
-<slot />
-<Footer />
+<div class="flex min-h-[calc(100vh-4rem)] flex-col">
+	<div class="flex-grow">
+		<slot />
+	</div>
+	<Footer />
+</div>
diff --git a/src/routes/docs/+layout.svelte b/src/routes/docs/+layout.svelte
@@ -5,23 +5,16 @@
 	import { cn } from "$lib/utils";
 </script>
 
-<div class="flex min-h-[calc(100vh-4rem)] flex-col">
-	<div class="flex-grow">
-		<div
-			class="mx-auto h-full max-w-8xl flex-1 items-start px-4 sm:px-6 md:grid md:grid-cols-[220px_minmax(0,1fr)] md:gap-2 lg:grid-cols-[220px_minmax(0,1fr)] lg:gap-10 lg:px-8"
-		>
-			<Sidebar />
-			<main
-				class={cn(
-					"relative pb-6 md:pl-0 lg:gap-10 xl:grid-cols-[1fr_220px]",
-					$page.error ?? "xl:grid"
-				)}
-			>
-				<div class="mx-auto w-full min-w-0 max-w-3xl pt-8" id="content">
-					<slot />
-				</div>
-				<TableOfContents />
-			</main>
+<div
+	class="mx-auto h-full max-w-8xl flex-1 items-start px-4 sm:px-6 md:grid md:grid-cols-[220px_minmax(0,1fr)] md:gap-2 lg:grid-cols-[220px_minmax(0,1fr)] lg:gap-10 lg:px-8"
+>
+	<Sidebar />
+	<main
+		class={cn("relative pb-6 md:pl-0 lg:gap-10 xl:grid-cols-[1fr_220px]", $page.error ?? "xl:grid")}
+	>
+		<div class="mx-auto w-full min-w-0 max-w-3xl pt-8" id="content">
+			<slot />
 		</div>
-	</div>
+		<TableOfContents />
+	</main>
 </div>