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

1 year ago · c2e79aa583
parent f3a459708d
commit c2e79aa583
2 changed files with 2 additions and 1 deletions
--- 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>
--- 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;
 }

 /**