Added floating filters button

ddxv · Nov 7, 2023 · 0df8605 · 0df8605
1 parent f4a813a
commit 0df8605
Showing 1 changed file with 17 additions and 14 deletions.
diff --git a/frontend/src/routes/+layout.svelte b/frontend/src/routes/+layout.svelte
@@ -138,22 +138,25 @@
  <NavTabs />
  </div>
  </svelte:fragment>
-
- <svelte:fragment slot="trail">
- <button class="lg:hidden btn flex mr-2 pl-0" on:click={drawerOpen}>
- <h4 class="h4">FILTERS</h4>
- <span>
- <svg viewBox="0 0 100 80" class="fill-token w-4 h-4">
- <rect width="100" height="20" />
- <rect y="30" width="100" height="20" />
- <rect y="60" width="100" height="20" />
- </svg>
- </span>
- </button>
- </svelte:fragment>
  </AppBar>
  </svelte:fragment>
 
- <slot />
+ <div class="xxxx">
+ <slot />
+ <button
+ class="lg:hidden btn variant-filled-primary absolute right-[20px] bottom-[50px]"
+ on:click={drawerOpen}
+ >
+ <h4 class="h4">FILTERS</h4>
+ <span>
+ <svg viewBox="0 0 100 80" class="fill-token w-4 h-4">
+ <rect width="100" height="20" />
+ <rect y="30" width="100" height="20" />
+ <rect y="60" width="100" height="20" />
+ </svg>
+ </span>
+ </button>
+ </div>
+
  <!-- Page Route Content -->
 </AppShell>