chore: sticky navbar

cesium · Sep 1, 2024 · d507b9c · d507b9c
1 parent 85d4958
commit d507b9c
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/lib/atomic_web/components/sidebar.ex b/lib/atomic_web/components/sidebar.ex
@@ -38,7 +38,7 @@ defmodule AtomicWeb.Components.Sidebar do
           <span class="sr-only">Open sidebar</span>
           <.icon name={:bars_3} class="!h-6 !w-6" />
         </button>
-        <div class="left-1/4 mt-auto -mb-2" @click="menu = ! menu">
+        <div class="left-1/4 mt-auto -mb-2">
           <span class="sr-only">Open user menu</span>
           <.sidebar_dropdown current_user={@current_user} orientation={:down} />
         </div>

diff --git a/lib/atomic_web/live/home_live/index.html.heex b/lib/atomic_web/live/home_live/index.html.heex
@@ -22,7 +22,7 @@
           </div>
         </div>
         <!-- Tabs -->
-        <div x-data="{ option: 'all' }" class="sticky top-0 z-10 bg-white block">
+        <div x-data="{ option: 'all' }" class="sticky top-11 lg:top-0 z-10 bg-white block">
           <.tabs class="max-w-5xl mx-auto pt-1 px-4 sm:px-6 lg:px-8">
             <.tab id="tab-all" active={@current_tab == "all"} phx-click="load-all" phx-hook="ScrollToTop">
               <%= gettext("All") %>

diff --git a/lib/atomic_web/templates/layout/live.html.heex b/lib/atomic_web/templates/layout/live.html.heex
@@ -8,7 +8,7 @@
 <div class="flex relative flex-col min-h-screen">
   <div class="flex flex-col mx-auto w-full lg:flex-row xl:px-8 max-w-[1380px]">
     <!-- Navbar -->
-    <div class="relative flex-shrink-0 lg:w-72 lg:flex lg:max-w-[400px]">
+    <div class="relative flex-shrink-0 lg:w-72 lg:flex lg:max-w-[400px] sticky top-0 z-10 bg-white">
       <%= render("_live_navbar.html", assigns) %>
     </div>
     <!-- Central content -->