🐛 Fix navbar

Open-Webtoon-Reader · Jun 30, 2024 · 022baa8 · 022baa8
1 parent d172364
commit 022baa8
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 4 deletions.
diff --git a/components/top/TopMenu.vue → components/top/NavBar.vue b/components/top/TopMenu.vue → components/top/NavBar.vue
@@ -8,15 +8,15 @@ import NavButton from "~/components/buttons/NavButton.vue";
 </script>
 
 <template>
-    <div id="mobile" class="md:hidden items-center flex py-2 px-4 justify-between">
+    <div id="mobile" class="md:hidden items-center flex py-2 px-4 justify-between w-full">
         <BurgerMenu/>
         <div class="">
             <h2 class="h2-reset text-center p-2 sm:hidden">OWR</h2>
             <h2 class="h2-reset text-center p-2 max-sm:hidden">Open Webtoon Reader</h2>
         </div>
         <ThemeSwitcher/>
     </div>
-    <div id="pc" class="max-md:hidden items-center flex p-2 px-4 justify-between">
+    <div id="pc" class="max-md:hidden items-center flex p-2 px-4 justify-between w-full">
         <div class="flex items-center gap-8">
             <h2 class="h2-reset text-center p-2">Open Webtoon Reader</h2>
             <div id="nav" class="flex gap-4">

diff --git a/layouts/FreeNavLayout.vue b/layouts/FreeNavLayout.vue
@@ -1,13 +1,14 @@
 <script setup lang="ts">
 
 import {Toaster} from "~/components/ui/toast";
+import NavBar from "~/components/top/NavBar.vue";
 </script>
 
 <template>
     <div>
         <Toaster/>
         <div class="flex flex-col items-center min-h-dvh min-w-vw max-h-dvh max-w-vw">
-            <TopMenu class="w-full bg-background z-10"/>
+            <NavBar class="w-full bg-background z-10"/>
             <slot/>
         </div>
     </div>

diff --git a/layouts/NavLayout.vue b/layouts/NavLayout.vue
@@ -1,13 +1,14 @@
 <script setup lang="ts">
 
 import {Toaster} from "~/components/ui/toast";
+import NavBar from "~/components/top/NavBar.vue";
 </script>
 
 <template>
     <div>
         <Toaster/>
         <div class="flex flex-col min-h-dvh min-w-vw max-h-dvh max-w-vw">
-            <TopMenu class="sticky top-0 w-full bg-background z-10"/>
+            <NavBar class="sticky top-0 w-full bg-background z-10"/>
             <slot/>
         </div>
     </div>