ui: polish mobile settings navigation

2026-05-03 19:39:02 +00:00
parent 704f61cfcc
commit ed962fcab4
2 changed files with 29 additions and 58 deletions
@@ -805,7 +805,26 @@
  .page-header { flex-direction: column; gap: 12px; }
  .page-header-actions { width: 100%; }
  .settings-layout { grid-template-columns: 1fr; }
-  .settings-nav { position: static; flex-direction: row; flex-wrap: wrap; }
+  .settings-nav {
+    position: sticky;
+    top: 108px;
+    z-index: 40;
+    flex-direction: row;
+    flex-wrap: nowrap;
+    overflow-x: auto;
+    gap: 8px;
+    margin: 0 -4px 8px;
+    padding: 4px;
+    background: var(--bg-canvas);
+    scrollbar-width: none;
+  }
+  .settings-nav::-webkit-scrollbar { display: none; }
+  .settings-nav-item {
+    flex: 0 0 auto;
+    width: auto;
+    white-space: nowrap;
+  }
+  .section-anchor { scroll-margin-top: 136px; }
  .filter-bar { flex-direction: column; align-items: stretch; }
  .filter-bar-search { max-width: none; }
  .stats-grid { grid-template-columns: 1fr 1fr; }