Chore: remove scroll bar

horuslabsio · Aug 10, 2024 · a37b33a · a37b33a
1 parent b52c709
commit a37b33a
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 8 deletions.
diff --git a/frontend/src/app/components/TransactionList/TransactionModal.tsx b/frontend/src/app/components/TransactionList/TransactionModal.tsx
@@ -63,10 +63,7 @@ const TransactionModal = () => {
           </div>
           <div className="transactions-modal flex h-[60svh] max-h-[600px] flex-col gap-4 overflow-scroll md:h-full">
             {transactions.map((transaction, index) => (
-              <>
-                <TransactionItem key={index} transaction={transaction} />
-                <TransactionItem key={index} transaction={transaction} />
-              </>
+              <TransactionItem key={index} transaction={transaction} />
             ))}
           </div>
         </div>

diff --git a/frontend/src/app/globals.css b/frontend/src/app/globals.css
@@ -164,12 +164,19 @@
     backdrop-filter: blur(5px);
     background-color: var(--backdrop);
   }
+
   .user-modal,
   .transactions-modal {
     overflow: scroll;
-    scrollbar-color: transparent transparent;
-    scrollbar-width: thin;
+    scrollbar-width: none; /* Firefox */
+  }
+
+  /* Hide scrollbar for Chrome, Safari and Opera */
+  .user-modal::-webkit-scrollbar,
+  .transactions-modal::-webkit-scrollbar {
+    display: none;
   }
+
   .zoom {
     zoom: 1;
   }

diff --git a/frontend/src/app/page.tsx b/frontend/src/app/page.tsx
@@ -40,14 +40,14 @@ export default function Home() {
           </div>
         </div>
       </section>
-      <button
+      {/* <button
         aria-haspopup="dialog"
         // @ts-ignore
         popoverTarget="user-popover"
         className="rounded-full bg-button-tertiary px-2 py-1 text-accent-secondary md:px-4 md:py-2"
       >
         Longggggggg
-      </button>
+      </button> */}
       {/* <-- END */}
 
       {/* Link cards --> */}