min height

pona-la · Jun 2, 2024 · 0a4ffe0 · 0a4ffe0
1 parent aa96f28
commit 0a4ffe0
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
@@ -2,15 +2,15 @@
   import "../app.css";
 </script>
 
-<div class="flex flex-col">
+<div class="flex flex-col min-h-screen">
   <div class="sticky top-0 text-4xl bg-orange-300 dark:bg-stone-800 dark:text-white p-2 h-16">
     <div class="flex items-center justify-between flex-row h-full">
       <div class="flex-1"><a href="/">󱥭󱥠</a></div>
       <!-- <input class="h-full max-h-96 bg-orange-50 rounded-lg" /> -->
       <div class="flex-1"></div>
     </div>
   </div>
-  <div class="grow">
+  <div class="grow flex flex-col">
     <slot />
   </div>
 </div>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
@@ -59,7 +59,7 @@
     <meta property="theme-color" content="#F97316" />
 </svelte:head>
 
-<div class="flex bg-orange-200 dark:bg-stone-950">
+<div class="grow flex bg-orange-200 dark:bg-stone-950">
   <div class="md:h-full {viewingSidebar ? "" : "max-w-96 h-full sticky top-20"} text-xl bg-orange-200 dark:bg-stone-950 dark:text-white {viewingSidebar ? "fixed bottom-0 left-0 right-0 pb-16" : "hidden"} md:block p-4 space-y-4">
     <div>
       <div class="font-bold">lipu lawa</div>