From c32dd3eb930f045f354a317218d5c0ed5b072879 Mon Sep 17 00:00:00 2001
From: pengzhanbo <volodymyr@foxmail.com>
Date: Sun, 13 Oct 2024 15:23:29 +0800
Subject: [PATCH] fix(theme): incorrect page layout when `navbar: false`, close
 #270 (#273)

---
 theme/src/client/components/Nav/VPNav.vue | 4 ++--
 theme/src/client/styles/vars.css          | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/theme/src/client/components/Nav/VPNav.vue b/theme/src/client/components/Nav/VPNav.vue
index 2e7633b8..2fe3a00d 100644
--- a/theme/src/client/components/Nav/VPNav.vue
+++ b/theme/src/client/components/Nav/VPNav.vue
@@ -29,7 +29,7 @@ watchEffect(() => {
 </script>
 
 <template>
-  <div class="vp-nav" :class="{ fixed }">
+  <header v-if="hasNavbar" class="vp-nav" :class="{ fixed }">
     <VPNavbar :is-screen-open="isScreenOpen" @toggle-screen="toggleScreen">
       <template #nav-bar-title-before>
         <slot name="nav-bar-title-before" />
@@ -53,7 +53,7 @@ watchEffect(() => {
         <slot name="nav-screen-content-after" />
       </template>
     </VPNavScreen>
-  </div>
+  </header>
 </template>
 
 <style scoped>
diff --git a/theme/src/client/styles/vars.css b/theme/src/client/styles/vars.css
index bdea427e..0b209e01 100644
--- a/theme/src/client/styles/vars.css
+++ b/theme/src/client/styles/vars.css
@@ -505,7 +505,7 @@
   --vp-nav-height: 0px;
 }
 
-.hide-nav .sidebar {
+.hide-nav .vp-sidebar {
   --vp-nav-height: 22px;
 }