fix: navbar dropdown on small screens

ava-labs · Jan 23, 2025 · 99e3bb4 · 99e3bb4
1 parent 5c2eb8f
commit 99e3bb4
Showing 1 changed file with 17 additions and 0 deletions.
diff --git a/app/global.css b/app/global.css
@@ -200,4 +200,21 @@ nav a:not(:first-child) {
   width: 20px;
   height: 20px;
   margin-right: 8px;
+}
+
+@media (max-width: 639px) {
+  [data-state="open"][data-orientation="horizontal"] {
+    max-height: 75vh !important;
+    overflow-y: auto !important;
+    overscroll-behavior: contain !important;
+  }
+
+  [data-state="open"][data-orientation="horizontal"]::-webkit-scrollbar {
+    width: 4px;
+  }
+
+  [data-state="open"][data-orientation="horizontal"]::-webkit-scrollbar-thumb {
+    background-color: rgba(156, 163, 175, 0.5);
+    border-radius: 2px;
+  }
 }