feat(theme): make navbar logo's height customizable by css variable (#2644)

xsjcTony · web-flow · commit c2e79aa58387 · 2023-07-20T12:41:54.000+05:30
diff --git a/src/client/theme-default/components/VPNavBarTitle.vue b/src/client/theme-default/components/VPNavBarTitle.vue
@@ -47,6 +47,6 @@ const { currentLang } = useLangs()
 
 :deep(.logo) {
   margin-right: 8px;
-  height: 24px;
+  height: var(--vp-nav-logo-height);
 }
 </style>
diff --git a/src/client/theme-default/styles/vars.css b/src/client/theme-default/styles/vars.css
@@ -361,6 +361,7 @@
   --vp-nav-height: 64px;
   --vp-nav-bg-color: var(--vp-c-bg);
   --vp-nav-screen-bg-color: var(--vp-c-bg);
+  --vp-nav-logo-height: 24px;
 }
 
 /**

Original file line number	Diff line number	Diff line change
`@@ -361,6 +361,7 @@`
`361`	`361`	`--vp-nav-height: 64px;`
`362`	`362`	`--vp-nav-bg-color: var(--vp-c-bg);`
`363`	`363`	`--vp-nav-screen-bg-color: var(--vp-c-bg);`
	`364`	`+ --vp-nav-logo-height: 24px;`
`364`	`365`	`}`
`365`	`366`
`366`	`367`	`/**`