From 069e87d435522580a42e72fa01bb24c132c32ffa Mon Sep 17 00:00:00 2001
From: starknt <1431880400@qq.com>
Date: Mon, 8 Jan 2024 10:57:04 +0800
Subject: [PATCH] refactor: adjust style

---
 src/components/Settings/components/General.vue | 2 +-
 src/contentScripts/views/Home/Home.vue         | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Settings/components/General.vue b/src/components/Settings/components/General.vue
index abab641c..e1578864 100644
--- a/src/components/Settings/components/General.vue
+++ b/src/components/Settings/components/General.vue
@@ -127,7 +127,7 @@ function resetDockContent() {
         <draggable
           v-model="settings.dockItemVisibilityList"
           item-key="page"
-          :component-data="{ style: 'display: flex; gap: 0.5rem;' }"
+          :component-data="{ style: 'display: flex; gap: 0.5rem; flex-wrap: wrap;' }"
         >
           <template #item="{ element }">
             <div
diff --git a/src/contentScripts/views/Home/Home.vue b/src/contentScripts/views/Home/Home.vue
index dff46de1..33fb2c60 100644
--- a/src/contentScripts/views/Home/Home.vue
+++ b/src/contentScripts/views/Home/Home.vue
@@ -144,7 +144,7 @@ onUnmounted(() => {
         ease-in-out
         :class="{ hide: shouldMoveTabsUp }"
       >
-        <ul flex="~ items-center gap-3">
+        <ul flex="~ items-center gap-3 wrap">
           <li
             v-for="tab in tabs" :key="tab.value"
             px-4 lh-35px bg="$bew-elevated-1 hover:$bew-elevated-1-hover" backdrop-glass rounded="$bew-radius"
@@ -152,7 +152,7 @@ onUnmounted(() => {
             :class="{ 'tab-activated': activatedPage === tab.value }"
             @click="activatedPage = tab.value"
           >
-            {{ tab.label }}
+            <span class="text-center">{{ tab.label }}</span>
           </li>
         </ul>
       </header>