revert: hide scroll bar

AmbossTech · Sep 5, 2024 · 7a72d02 · 7a72d02
1 parent b439189
commit 7a72d02
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/src/app/globals.css b/src/app/globals.css
@@ -59,3 +59,16 @@
     --ring: 225 89% 79%;
   }
 }
+
+@layer utilities {
+  	/* Hide scrollbar for Chrome, Safari and Opera */
+	.hide-scroll::-webkit-scrollbar {
+		@apply hidden;
+	}
+
+	/* Hide scrollbar for IE, Edge and Firefox */
+	.hide-scroll {
+		-ms-overflow-style: none; /* IE and Edge */
+		scrollbar-width: none; /* Firefox */
+	}
+}
diff --git a/src/views/dashboard/RecentContacts.tsx b/src/views/dashboard/RecentContacts.tsx
@@ -44,7 +44,7 @@ export const RecentContacts: FC<{ id: string }> = ({ id }) => {
         </Link>
       </div>
 
-      <div className="flex w-full space-x-4 overflow-x-auto pb-1">
+      <div className="hide-scroll flex w-full space-x-4 overflow-x-auto">
         {loading ? (
           Array.from({ length: 3 }).map((_, i) => (
             <div key={i} className="space-y-2">