Remove unused component, increase sidebar z, sync right sidebars

aasimsyed · Sep 25, 2024 · 3fa8c35 · 3fa8c35
1 parent 5667b48
commit 3fa8c35
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 4 deletions.
diff --git a/frontend/components/header/HeaderDesktop.vue b/frontend/components/header/HeaderDesktop.vue
diff --git a/frontend/components/header/HeaderWebsite.vue b/frontend/components/header/HeaderWebsite.vue
@@ -33,6 +33,22 @@
             class="w-full"
             :location="DropdownLocation.SIDE_MENU"
           />
+          <DropdownCreate
+            v-if="userIsSignedIn && devMode.active"
+            class="w-full"
+            :location="DropdownLocation.SIDE_MENU"
+          />
+          <DropdownInfo
+            v-if="devMode.active"
+            class="w-full"
+            :location="DropdownLocation.SIDE_MENU"
+          />
+          <DropdownUserOptions
+            v-if="devMode.active"
+            class="w-full"
+            :location="DropdownLocation.SIDE_MENU"
+            :userIsSignedIn="userIsSignedIn"
+          />
         </div>
       </SidebarRight>
     </div>
@@ -125,6 +141,8 @@ import { DropdownLocation } from "~/types/location";
 const devMode = useDevMode();
 devMode.check();
 
+const { userIsSignedIn } = useUser();
+
 const aboveMediumBP = useBreakpoint("md");
 const aboveLargeBP = useBreakpoint("lg");
 

diff --git a/frontend/components/sidebar/left/SidebarLeft.vue b/frontend/components/sidebar/left/SidebarLeft.vue
@@ -10,7 +10,7 @@
     ref="sidebarWrapper"
     role="menu"
     tabindex="0"
-    class="elem-shadow-sm focus-brand absolute z-10 block h-full flex-col border-r border-light-section-div bg-light-layer-1 transition-all duration-500 dark:border-dark-section-div dark:bg-dark-layer-1 md:flex"
+    class="elem-shadow-sm focus-brand absolute z-40 block h-full flex-col border-r border-light-section-div bg-light-layer-1 transition-all duration-500 dark:border-dark-section-div dark:bg-dark-layer-1 md:flex"
     :class="{
       'w-56': !sidebar.collapsed || sidebar.collapsedSwitch == false,
       'w-16': sidebar.collapsed && sidebar.collapsedSwitch == true,