Make app navigation mobile usable

2026-08-03 13:39:21 -03:00
parent 59fe9104d6
commit 2d738073bf
3 changed files with 77 additions and 23 deletions
--- a/src/index.css
+++ b/src/index.css
@@ -149,6 +149,36 @@
      linear-gradient(180deg, rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0) 16rem),
      transparent;
  }
+
+  @media (max-width: 767px) {
+    html,
+    body,
+    #root {
+      min-width: 0;
+      overflow-x: hidden;
+    }
+
+    .app-content {
+      scroll-padding-bottom: 5rem;
+      -webkit-overflow-scrolling: touch;
+    }
+
+    .app-content .overflow-x-auto {
+      overscroll-behavior-x: contain;
+      scrollbar-width: thin;
+      scrollbar-color: var(--color-dark-border) transparent;
+    }
+
+    .app-content .overflow-x-auto::-webkit-scrollbar {
+      height: 5px;
+    }
+
+    .app-content input,
+    .app-content select,
+    .app-content textarea {
+      font-size: 16px;
+    }
+  }
 }

@layer utilities {