From 9830a70abd4e7370509406900d3b1e50f4560965 Mon Sep 17 00:00:00 2001
From: Hakadao <a578457889743@gmail.com>
Date: Fri, 13 Oct 2023 18:46:20 +0800
Subject: [PATCH] style: adjust top panel styles

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

diff --git a/src/contentScripts/views/Home/Home.vue b/src/contentScripts/views/Home/Home.vue
index e5272c68..6334c084 100644
--- a/src/contentScripts/views/Home/Home.vue
+++ b/src/contentScripts/views/Home/Home.vue
@@ -98,8 +98,8 @@ onUnmounted(() => {
         <ul flex="~ items-center gap-2">
           <li
             v-for="tab in tabs" :key="tab.value"
-            px-4 lh-40px bg="$bew-elevated-2" backdrop-glass rounded="$bew-radius"
-            cursor-pointer shadow="$bew-shadow-2"
+            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"
           >
@@ -119,5 +119,6 @@ onUnmounted(() => {
 <style scoped lang="scss">
 .tab-activated {
   --at-apply: bg-$bew-theme-color dark:bg-white color-white dark:color-black
+    border-$bew-theme-color dark:border-white;
 }
 </style>