From 9c1d37c64f3ebae523c631849e0a8558949665a6 Mon Sep 17 00:00:00 2001
From: hamster1963 <1410514192@qq.com>
Date: Sat, 30 Nov 2024 00:46:27 +0800
Subject: [PATCH] fix: group switch overflow on mobile

---
 src/components/GroupSwitch.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/GroupSwitch.tsx b/src/components/GroupSwitch.tsx
index cf354d9..7a3f73d 100644
--- a/src/components/GroupSwitch.tsx
+++ b/src/components/GroupSwitch.tsx
@@ -11,7 +11,9 @@ export default function GroupSwitch({
   setCurrentTab: (tab: string) => void;
 }) {
   return (
-    <div className="z-50 flex flex-col items-start rounded-[50px]">
+    <div
+      className="scrollbar-hidden z-50 flex flex-col items-start overflow-x-scroll rounded-[50px]"
+    >
       <div className="flex items-center gap-1 rounded-[50px] bg-stone-100 p-[3px] dark:bg-stone-800">
         {tabs.map((tab: string) => (
           <div