style(enhanced-readabilities): fix the missed style override for vite…

…press navbar (#16) Signed-off-by: Neko Ayaka <[email protected]>
nolebase · Nov 21, 2023 · 06ce6c6 · 06ce6c6
1 parent 3857d8c
commit 06ce6c6
Showing 1 changed file with 18 additions and 0 deletions.
diff --git a/packages/vitepress-plugin-enhanced-readabilities/src/components/LayoutSwitch.vue b/packages/vitepress-plugin-enhanced-readabilities/src/components/LayoutSwitch.vue
@@ -245,6 +245,12 @@ onMounted(() => {
     }
   }
 
+  @media (min-width: 1440px) {
+    .VPNavBar.has-sidebar .curtain {
+      width: calc(100% - ((100vw - var(--vp-nolebase-enhanced-readabilities-full-width-max-width)) / 2 + var(--vp-sidebar-width)));
+    }
+  }
+
   @media (min-width: 1536px) {
     .VPDoc .container {
       max-width: var(--vp-nolebase-enhanced-readabilities-full-width-max-width);
@@ -276,6 +282,12 @@ onMounted(() => {
     }
   }
 
+  @media (min-width: 1440px) {
+    .VPNavBar.has-sidebar .curtain {
+      width: calc(100% - ((100vw - var(--vp-nolebase-enhanced-readabilities-page-max-width)) / 2 + var(--vp-sidebar-width)));
+    }
+  }
+
   @media (min-width: 1440px) {
     .VPContent.has-sidebar {
       padding-right: calc((100vw - var(--vp-nolebase-enhanced-readabilities-content-max-width)) / 2);
@@ -320,6 +332,12 @@ onMounted(() => {
     }
   }
 
+  @media (min-width: 1440px) {
+    .VPNavBar.has-sidebar .curtain {
+      width: calc(100% - ((100vw - var(--vp-nolebase-enhanced-readabilities-page-max-width)) / 2 + var(--vp-sidebar-width)));
+    }
+  }
+
   @media (min-width: 1440px) {
     .VPContent.has-sidebar {
       padding-right: calc((100vw - var(--vp-nolebase-enhanced-readabilities-content-max-width)) / 2);