From 8ee62688b210888901d21e49a0348be4e8c2ad1d Mon Sep 17 00:00:00 2001
From: scosman <scosman@users.noreply.github.com>
Date: Mon, 30 Sep 2024 10:22:55 -0400
Subject: [PATCH] Fix drawer

---
 app/web_ui/src/routes/(app)/+layout.svelte | 34 +++++++++++++++-------
 app/web_ui/src/routes/(app)/+page.svelte   |  2 ++
 2 files changed, 26 insertions(+), 10 deletions(-)

diff --git a/app/web_ui/src/routes/(app)/+layout.svelte b/app/web_ui/src/routes/(app)/+layout.svelte
index 63facb7..857e0db 100644
--- a/app/web_ui/src/routes/(app)/+layout.svelte
+++ b/app/web_ui/src/routes/(app)/+layout.svelte
@@ -21,25 +21,39 @@
             />
           </svg>
         </label>
-        <div class="flex-grow">Home</div>
+        <div class="flex-grow"></div>
       </div>
     </div>
 
-    <div class="flex-grow rounded-t-lg bg-base-100 shadow-lg">
+    <div class="flex-grow rounded-t-lg bg-base-100 shadow-lg p-4">
       <slot />
     </div>
   </div>
   <div class="drawer-side">
-    <label for="my-drawer-2" aria-label="close sidebar" class="drawer-overlay"
+    <label for="main-drawer" aria-label="close sidebar" class="drawer-overlay"
     ></label>
 
-    <div class="flex flex-row items-center mx-6 my-3 hidden lg:flex">
-      <img src="/logo.svg" alt="logo" class="w-8 h-8" />
-      <div class="text-lg font-bold ml-1">Kiln AI</div>
-    </div>
-    <ul class="menu bg-base-200 text-base-content min-h-full w-60 p-4">
-      <li><a href="/">Sidebar Item 1</a></li>
-      <li><a href="/">Sidebar Item 2</a></li>
+    <ul
+      class="menu bg-base-200 text-base-content min-h-full w-72 lg:w-60 p-4 pt-1 lg:pt-4"
+    >
+      <li class="hover:bg-transparent flex flex-row justify-end">
+        <label
+          for="main-drawer"
+          class="lg:hidden ml-3 text-2xl cursor-pointer ml-4 pt-[5px]"
+        >
+          &#x2715;
+        </label>
+      </li>
+      <li class="mb-4">
+        <a href="https://kiln-ai.com" target="_blank">
+          <div class="flex flex-row items-center mx-[-5px] p-0">
+            <img src="/logo.svg" alt="logo" class="w-8 h-8" />
+            <div class="text-lg font-bold ml-1">Kiln AI</div>
+          </div>
+        </a>
+      </li>
+      <li><a href="/?1">Sidebar Item 1</a></li>
+      <li><a href="/?2">Sidebar Item 2</a></li>
     </ul>
   </div>
 </div>
diff --git a/app/web_ui/src/routes/(app)/+page.svelte b/app/web_ui/src/routes/(app)/+page.svelte
index 248ce31..b1c3424 100644
--- a/app/web_ui/src/routes/(app)/+page.svelte
+++ b/app/web_ui/src/routes/(app)/+page.svelte
@@ -5,3 +5,5 @@
   <title>Kiln Studio</title>
   <meta name="description" content="The open source ML product platform" />
 </svelte:head>
+
+<h1>Home</h1>