From 6bf18d31dec0072eb499181458b4c29459d26c4a Mon Sep 17 00:00:00 2001
From: Stephen Zhou <hi@hyoban.cc>
Date: Thu, 2 May 2024 15:33:53 +0800
Subject: [PATCH] chore: use button for tab switch

close #686
---
 src/contentScripts/views/Home/Home.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/contentScripts/views/Home/Home.vue b/src/contentScripts/views/Home/Home.vue
index 511e3e7c..ae9829a5 100644
--- a/src/contentScripts/views/Home/Home.vue
+++ b/src/contentScripts/views/Home/Home.vue
@@ -199,8 +199,8 @@ function toggleTabContentLoading(loading: boolean) {
         ease-in-out flex="~ justify-between items-start gap-4"
         :class="{ hide: shouldMoveTabsUp }"
       >
-        <ul flex="~ items-center gap-3 wrap">
-          <li
+        <section flex="~ items-center gap-3 wrap">
+          <button
             v-for="tab in currentTabs" :key="tab.page"
             :class="{ 'tab-activated': activatedPage === tab.page }"
             style="backdrop-filter: var(--bew-filter-glass-1)"
@@ -218,8 +218,8 @@ function toggleTabContentLoading(loading: boolean) {
               icon="svg-spinners:ring-resize"
               duration-300 ease-in-out mb--2px text-16px
             />
-          </li>
-        </ul>
+          </button>
+        </section>
 
         <div
           style="backdrop-filter: var(--bew-filter-glass-1)"