fix: no scrollbar

brown-ccv · Jun 27, 2024 · f4f5668 · f4f5668
1 parent 10fbfa4
commit f4f5668
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/src/components/DataTable.tsx b/src/components/DataTable.tsx
@@ -64,7 +64,7 @@ const DataTable: React.FC<DataTableProps> = ({ allFiles, updateFileList }) => {
   })
 
   return (
-    <div className="w-full overflow-x-scroll">
+    <div className="w-full overflow-x-scroll no-scrollbar">
       <table className="table-fixed border-spacing-2">
         <thead>
           <tr className="bg-neutral-100 text-left text-neutral-900">

diff --git a/src/styles/global.css b/src/styles/global.css
@@ -193,4 +193,14 @@
     .HoverCardContent[data-side='left'] {
         animation-name: slideRightAndFade;
     }
+
+    /* Hide scrollbar for Chrome, Safari and Opera */
+    .no-scrollbar::-webkit-scrollbar {
+        display: none;
+    }
+    /* Hide scrollbar for IE, Edge and Firefox */
+    .no-scrollbar {
+        -ms-overflow-style: none;  /* IE and Edge */
+        scrollbar-width: none;  /* Firefox */
+    }
 }