style: tag-switch overflow

hamster1963 · Oct 2, 2024 · 745b88e · 745b88e
1 parent 3b8ccc4
commit 745b88e
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git 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
@@ -189,3 +189,11 @@
     opacity: 0.15;
   }
 }
+
+.scrollbar-hidden {
+  scrollbar-width: none; /* Firefox */
+}
+
+.scrollbar-hidden::-webkit-scrollbar {
+  display: none; /* Chrome, Safari 和 Opera */
+}