fix(theme): adjust the position of the curtain to avoid block sidebar

shunxing.cai · shunxing.cai · commit 93a09eba4660 · 2023-01-20T11:49:34.000+08:00
diff --git a/src/client/theme-default/components/VPNavBar.vue b/src/client/theme-default/components/VPNavBar.vue
@@ -166,8 +166,7 @@ const { hasSidebar } = useSidebar()
     position: absolute;
     right: 0;
     bottom: -32px;
-    padding-left: var(--vp-sidebar-width);
-    width: 100%;
+    width: calc(100% - var(--vp-sidebar-width));
     height: 32px;
   }
 
@@ -182,7 +181,7 @@ const { hasSidebar } = useSidebar()
 
 @media (min-width: 1440px) {
   .VPNavBar.has-sidebar .curtain {
-    padding-left: calc((100vw - var(--vp-layout-max-width)) / 2 + var(--vp-sidebar-width));
+    width: calc(100% - ((100vw - var(--vp-layout-max-width)) / 2 + var(--vp-sidebar-width)));
   }
 }
 </style>

Original file line number	Diff line number	Diff line change
`@@ -166,8 +166,7 @@ const { hasSidebar } = useSidebar()`
`166`	`166`	`position: absolute;`
`167`	`167`	`right: 0;`
`168`	`168`	`bottom: -32px;`
`169`		`- padding-left: var(--vp-sidebar-width);`
`170`		`- width: 100%;`
	`169`	`+ width: calc(100% - var(--vp-sidebar-width));`
`171`	`170`	`height: 32px;`
`172`	`171`	`}`
`173`	`172`
`@@ -182,7 +181,7 @@ const { hasSidebar } = useSidebar()`
`182`	`181`
`183`	`182`	`@media (min-width: 1440px) {`
`184`	`183`	`.VPNavBar.has-sidebar .curtain {`
`185`		`- padding-left: calc((100vw - var(--vp-layout-max-width)) / 2 + var(--vp-sidebar-width));`
	`184`	`+ width: calc(100% - ((100vw - var(--vp-layout-max-width)) / 2 + var(--vp-sidebar-width)));`
`186`	`185`	`}`
`187`	`186`	`}`
`188`	`187`	`</style>`