fix: fix ui

undb-io · Sep 28, 2024 · 2e2eff3 · 2e2eff3
1 parent cdb459b
commit 2e2eff3
Showing 1 changed file with 32 additions and 30 deletions.
diff --git a/apps/frontend/src/lib/components/blocks/nav/nav-tools.svelte b/apps/frontend/src/lib/components/blocks/nav/nav-tools.svelte
@@ -44,40 +44,42 @@
     </span>
   </Button>
 
-  <Button
-    href={`/settings?tab=members`}
-    data-active={$page.route.id === "/(authed)/(space)/settings"}
-    class="data-[active=true]:bg-primary/80 data-[active=true]:text-primary-foreground"
-    variant="link"
-    size="xs"
-  >
-    <SettingsIcon class="mr-2 h-4 w-4" />
-    {#if space?.isPersonal}
-      Settings
-    {:else}
-      Settings & Members
-    {/if}
-  </Button>
-
-  {#if $hasPermission("base:create")}
+  <div class="flex flex-col gap-1">
     <Button
-      class="w-full justify-start text-left"
-      on:click={() => toggleModal(CREATE_BASE_MODAL)}
+      href={`/settings?tab=members`}
+      data-active={$page.route.id === "/(authed)/(space)/settings"}
+      class="data-[active=true]:bg-primary/80 data-[active=true]:text-primary-foreground w-full justify-start py-1 text-left"
       variant="link"
       size="xs"
     >
-      <PlusIcon class="mr-2 h-3 w-3" />
-      Create New Base
+      <SettingsIcon class="mr-2 h-4 w-4" />
+      {#if space?.isPersonal}
+        Settings
+      {:else}
+        Settings & Members
+      {/if}
     </Button>
 
-    <Button
-      class="w-full justify-start text-left"
-      on:click={() => toggleModal(IMPORT_TEMPLATE_MODAL)}
-      variant="link"
-      size="xs"
-    >
-      <PackageIcon class="mr-2 h-3 w-3" />
-      Import From Template
-    </Button>
-  {/if}
+    {#if $hasPermission("base:create")}
+      <Button
+        class="w-full justify-start text-left"
+        on:click={() => toggleModal(CREATE_BASE_MODAL)}
+        variant="link"
+        size="xs"
+      >
+        <PlusIcon class="mr-2 h-3 w-3" />
+        Create New Base
+      </Button>
+
+      <Button
+        class="w-full justify-start text-left"
+        on:click={() => toggleModal(IMPORT_TEMPLATE_MODAL)}
+        variant="link"
+        size="xs"
+      >
+        <PackageIcon class="mr-2 h-3 w-3" />
+        Import From Template
+      </Button>
+    {/if}
+  </div>
 </div>