From 06ce6c64aa0bee472557f9b934cf9000864e1ac0 Mon Sep 17 00:00:00 2001 From: Neko Ayaka Date: Tue, 21 Nov 2023 11:33:57 +0800 Subject: [PATCH] style(enhanced-readabilities): fix the missed style override for vitepress navbar (#16) Signed-off-by: Neko Ayaka --- .../src/components/LayoutSwitch.vue | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) diff --git a/packages/vitepress-plugin-enhanced-readabilities/src/components/LayoutSwitch.vue b/packages/vitepress-plugin-enhanced-readabilities/src/components/LayoutSwitch.vue index 40baa8c8..d41c1035 100644 --- 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);