Merge pull request BewlyBewly#142 from starknt/refactor/adjust-style

refactor: adjust style
starknt · Jan 9, 2024 · 8c0aef7 · 8c0aef7
2 parents 7246099 + 069e87d
commit 8c0aef7
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git 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
@@ -144,15 +144,15 @@ 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"
             cursor-pointer shadow="$bew-shadow-1" box-border border="1 $bew-border-color" duration-300
             :class="{ 'tab-activated': activatedPage === tab.value }"
             @click="activatedPage = tab.value"
           >
-            {{ tab.label }}
+            <span class="text-center">{{ tab.label }}</span>
           </li>
         </ul>
       </header>