From c2e79aa58387281e482f88e4f307a3c36da60f40 Mon Sep 17 00:00:00 2001
From: Aelita <45784210+xsjcTony@users.noreply.github.com>
Date: Thu, 20 Jul 2023 17:11:54 +1000
Subject: [PATCH] feat(theme): make navbar logo's height customizable by css
 variable (#2644)

---
 src/client/theme-default/components/VPNavBarTitle.vue | 2 +-
 src/client/theme-default/styles/vars.css              | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/client/theme-default/components/VPNavBarTitle.vue b/src/client/theme-default/components/VPNavBarTitle.vue
index f6d237ff..65bf6129 100644
--- 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
index f8794e51..f1c0e1c6 100644
--- 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;
 }
 
 /**