From b1d9771c750709fe45061d13299a85dbbd6ead25 Mon Sep 17 00:00:00 2001
From: Snoword <1430750200@qq.com>
Date: Mon, 14 Mar 2022 17:22:15 +0800
Subject: [PATCH] fix: fix the problem of blank bar when toggle the TagsView
 component

---
 src/components/Setting/src/components/InterfaceDisplay.vue | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/components/Setting/src/components/InterfaceDisplay.vue b/src/components/Setting/src/components/InterfaceDisplay.vue
index c610fb6a9..484febb76 100644
--- a/src/components/Setting/src/components/InterfaceDisplay.vue
+++ b/src/components/Setting/src/components/InterfaceDisplay.vue
@@ -3,6 +3,7 @@ import { ElSwitch } from 'element-plus'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useAppStore } from '@/store/modules/app'
 import { computed, ref, watch } from 'vue'
+import { setCssVar } from '@/utils'
 import { useDesign } from '@/hooks/web/useDesign'
 
 const { getPrefixCls } = useDesign()
@@ -59,6 +60,8 @@ const localeChange = (show: boolean) => {
 const tagsView = ref(appStore.getTagsView)
 
 const tagsViewChange = (show: boolean) => {
+  // 切换标签栏显示时，同步切换标签栏的高度
+  setCssVar('--tags-view-height', show ? '35px' : '0px')
   appStore.setTagsView(show)
 }