Feat: add fixed desktop navbar

everywhere-computer · Nov 15, 2023 · 5844d33 · 5844d33
1 parent ae58e93
commit 5844d33
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 3 deletions.
diff --git a/src/components/nav/Nav.svelte b/src/components/nav/Nav.svelte
@@ -58,7 +58,7 @@
 <navbar
   class="relative flex flex-row p-0 w-full {inFooter
     ? 'h-auto md:h-10 mt-auto'
-    : 'h-10'}"
+    : 'h-10 md:fixed md:top-0 md:right-0 md:left-0 z-30'}"
 >
   {#if $sessionStore.session}
     <a

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
@@ -89,7 +89,7 @@
   {#if $sessionStore.loading}
     <FullScreenLoadingSpinner />
   {:else}
-    <div class="flex flex-col min-h-screen">
+    <div class="flex flex-col min-h-screen md:pt-10">
       {#if isHome && screenSize >= 768}
         <Nav {screenSize} />
       {:else if !isHome}

diff --git a/src/routes/workflows/components/WorkflowBuilder.svelte b/src/routes/workflows/components/WorkflowBuilder.svelte
@@ -290,7 +290,8 @@
   class="fixed top-0 right-0 bottom-0 left-0 z-10 w-screen h-screen"
 >
   <div
-    class="flex flex-col gap-4 w-full p-4 {$themeStore.selectedTheme === 'light'
+    class="flex flex-col gap-4 w-full pt-14 px-4 pb-4 {$themeStore.selectedTheme ===
+    'light'
       ? 'bg-odd-gray-50'
       : 'bg-odd-gray-900'} border-b border-base-200"
   >