fix: nav menu layout shift with/without sidebar

3 years ago · 3f49fd67ab
parent e32936b6ae
commit 3f49fd67ab
1 changed files with 2 additions and 1 deletions
--- a/src/client/theme-default/components/VPNavBarTitle.vue
+++ b/src/client/theme-default/components/VPNavBarTitle.vue
@ -18,13 +18,14 @@ const { hasSidebar } = useSidebar()
 <style scoped>
 .VPNavBarTitle {
  flex-shrink: 0;
+  border-bottom: 1px solid transparent;
 }

@media (min-width: 960px) {
  .VPNavBarTitle.has-sidebar {
    margin-right: 32px;
    width: calc(var(--vp-sidebar-width) - 64px);
-    border-bottom: 1px solid var(--vp-c-divider-light);
+    border-bottom-color: var(--vp-c-divider-light);
    background-color: var(--vp-c-bg-alt);
  }
 }