From f75e01015051866ea919d8c3c8117d8f77a94e9f Mon Sep 17 00:00:00 2001
From: hakadao <a578457889743@gmail.com>
Date: Mon, 15 Apr 2024 00:56:04 +0800
Subject: [PATCH] fix(Home): correct deformation of video layout switcher on
 small screen computers

---
 src/contentScripts/views/Home/Home.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/contentScripts/views/Home/Home.vue b/src/contentScripts/views/Home/Home.vue
index 65f5fb6d..d4707637 100644
--- a/src/contentScripts/views/Home/Home.vue
+++ b/src/contentScripts/views/Home/Home.vue
@@ -196,7 +196,7 @@ function toggleTabContentLoading(loading: boolean) {
 
       <header
         pos="sticky top-80px" w-full z-9 mb-9 duration-300
-        ease-in-out flex="~ justify-between items-center gap-4"
+        ease-in-out flex="~ justify-between items-start gap-4"
         :class="{ hide: shouldMoveTabsUp }"
       >
         <ul flex="~ items-center gap-3 wrap">
@@ -204,7 +204,7 @@ function toggleTabContentLoading(loading: boolean) {
             v-for="tab in currentTabs" :key="tab.page"
             :class="{ 'tab-activated': activatedPage === tab.page }"
             style="backdrop-filter: var(--bew-filter-glass-1)"
-            px-4 lh-35px bg="$bew-elevated-1 hover:$bew-elevated-1-hover" rounded="$bew-radius"
+            px-4 lh-35px h-35px bg="$bew-elevated-1 hover:$bew-elevated-1-hover" rounded="$bew-radius"
             cursor-pointer shadow="$bew-shadow-1" box-border border="1 $bew-border-color" duration-300
             flex="~ gap-2 items-center"
             @click="handleChangeTab(tab)"
@@ -223,7 +223,7 @@ function toggleTabContentLoading(loading: boolean) {
 
         <div
           style="backdrop-filter: var(--bew-filter-glass-1)"
-          flex="~ gap-1" p-1 h-35px bg="$bew-elevated-1"
+          flex="~ gap-1 shrink-0" p-1 h-35px bg="$bew-elevated-1"
           rounded="$bew-radius" shadow="$bew-shadow-1" box-border border="1 $bew-border-color"
         >
           <Icon