From 28228c5b93b2c3190a7d29d34ab7b809d6306e1d Mon Sep 17 00:00:00 2001
From: brooke <brooke@myco.systems>
Date: Sat, 23 Mar 2024 17:36:01 -0400
Subject: [PATCH] scroll tabs on mobile view

---
 public/style.css | 21 +++++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/public/style.css b/public/style.css
index 239b837..22729dd 100755
--- a/public/style.css
+++ b/public/style.css
@@ -83,9 +83,25 @@ body,
 
 .tabs {
   display: flex;
+  overflow-x: auto;
+  white-space: nowrap;
+  padding-bottom: 2px;
 }
 
-.tab, .tab-link {
+::-webkit-scrollbar {
+  height: 3px;
+}
+
+::-webkit-scrollbar-track {
+  background: #241917;
+}
+
+::-webkit-scrollbar-thumb {
+  background: #f3bbae;
+}
+
+.tab,
+.tab-link {
   cursor: pointer;
   padding: 4px 15px;
   border-width: 0 4px 4px 0;
@@ -98,6 +114,7 @@ body,
   color: #f3bbae;
   text-decoration: none;
   margin-right: 2.5rem;
+  min-width: 4.5rem;
 }
 
 .tab-link svg {
@@ -268,4 +285,4 @@ ul li::before {
 .dashboard {
   display: flex;
   flex-direction: row;
-}
\ No newline at end of file
+}