fix(theme): tweak styles of nav title (#962) (#968)

object-kaz · ObjectKaz · web-flow · commit d91f3b1b7d46 · 2022-07-12T10:12:08.000+05:30
Co-authored-by: ObjectKaz &lt;shushitong@baidu.com&gt;
diff --git a/src/client/theme-default/components/VPSidebar.vue b/src/client/theme-default/components/VPSidebar.vue
@@ -94,7 +94,7 @@ watchPostEffect(async () => {
 
 @media (min-width: 1440px) {
   .VPSidebar {
-    padding-left: calc((100% - (var(--vp-layout-max-width) - 64px)) / 2);
+    padding-left: max(32px, calc((100% - (var(--vp-layout-max-width) - 64px)) / 2));
     width: calc((100% - (var(--vp-layout-max-width) - 64px)) / 2 + var(--vp-sidebar-width) - 32px);
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -94,7 +94,7 @@ watchPostEffect(async () => {`
`94`	`94`
`95`	`95`	`@media (min-width: 1440px) {`
`96`	`96`	`.VPSidebar {`
`97`		`- padding-left: calc((100% - (var(--vp-layout-max-width) - 64px)) / 2);`
	`97`	`+ padding-left: max(32px, calc((100% - (var(--vp-layout-max-width) - 64px)) / 2));`
`98`	`98`	`width: calc((100% - (var(--vp-layout-max-width) - 64px)) / 2 + var(--vp-sidebar-width) - 32px);`
`99`	`99`	`}`
`100`	`100`	`}`