From 745b88e849f37d97633964b9a343440f09bc30b1 Mon Sep 17 00:00:00 2001
From: hamster1963 <1410514192@qq.com>
Date: Wed, 2 Oct 2024 20:15:31 +0800
Subject: [PATCH] style: tag-switch overflow

---
 components/Switch.tsx | 2 +-
 styles/globals.css    | 8 ++++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/components/Switch.tsx b/components/Switch.tsx
index f295397..a8861c3 100644
--- a/components/Switch.tsx
+++ b/components/Switch.tsx
@@ -14,7 +14,7 @@ export default function Switch({
   setTag: (tag: string) => void;
 }) {
   return (
-    <div className="z-50 flex flex-col items-start">
+    <div className="z-50 flex flex-col overflow-x-scroll scrollbar-hidden rounded-[50px] items-start">
       <div className="flex items-center gap-1 rounded-[50px] bg-stone-100 p-[3px] dark:bg-stone-800">
         {allTag.map((tag) => (
           <div
diff --git a/styles/globals.css b/styles/globals.css
index a776841..c9d7875 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -189,3 +189,11 @@
     opacity: 0.15;
   }
 }
+
+.scrollbar-hidden {
+  scrollbar-width: none; /* Firefox */
+}
+
+.scrollbar-hidden::-webkit-scrollbar {
+  display: none; /* Chrome, Safari 和 Opera */
+}