fix(app): make settings more responsive for mobile and small web/desktop (#10775)

2026-01-28 21:20:34 -06:00
parent 8cdb82038a
commit a7d7f5bb07
6 changed files with 21 additions and 16 deletions
--- a/packages/ui/src/components/tabs.css
+++ b/packages/ui/src/components/tabs.css
@@ -375,8 +375,13 @@

    &[data-variant="settings"] {
      [data-slot="tabs-list"] {
-        width: 200px;
-        min-width: 200px;
+        width: 150px;
+        min-width: 150px;
+
+        @media (min-width: 640px) {
+          width: 200px;
+          min-width: 200px;
+        }
        padding: 12px;
        gap: 0;
        background-color: var(--background-base);