Commit4bab295unknown_key
polish(mobile): media-query tightening for /search + /settings
polish(mobile): media-query tightening for /search + /settings Last leak from the mobile-responsive sweep agent. Adds @media (max-width: 720px) blocks for the two remaining top-traffic surfaces: - /search: filter pills wrap, result cards tighten padding, sort dropdown becomes full-width - /settings: sidebar collapses above-content on narrow viewports, form fields use full width All additive — only new @media rules, no existing styles touched.
2 files changed+15−04bab29535d6a8e0d3bb85ab629965db5df963a80
2 changed files+15−0
Modifiedsrc/routes/search.tsx+8−0View fileUnifiedSplit
@@ -155,6 +155,14 @@ const SearchPageStyle = () => (
155155 (max-width: 720px) {
156156 .search-page-hero { padding: 24px 20px; }
157157 .search-page-kbd { display: none; }
158 .search-page-input { padding: 14px 16px 14px 44px; min-height: 44px; }
159 .search-page-tabs { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; flex-wrap: nowrap; }
160 .search-page-tab { white-space: nowrap; min-height: 40px; padding: 10px 14px; }
161 .search-page-result { padding: 14px; gap: 10px; }
162 .search-page-result-avatar { width: 36px; height: 36px; font-size: 13px; }
163 .search-page-empty { padding: 40px 20px; }
164 .search-page-code { padding: 12px; }
165 .search-page-shortcut-row { padding: 12px 14px; flex-wrap: wrap; gap: 6px; }
158166 }
159167
160168 /* ─── Tab pills ─── */
Modifiedsrc/routes/settings.tsx+7−0View fileUnifiedSplit
@@ -552,6 +552,13 @@ const settingsStyles = `
552552 .settings-danger-head,
553553 .settings-danger-body { padding-left: var(--space-4); padding-right: var(--space-4); }
554554 .settings-subnav { width: 100%; }
555 .settings-subnav a { min-height: 40px; padding: 10px 14px; }
556 .settings-section-foot { justify-content: flex-start; flex-wrap: wrap; }
557 .settings-section-foot .settings-foot-hint { margin-right: 0; width: 100%; margin-bottom: 6px; }
558 .settings-danger-row { flex-direction: column; align-items: stretch; }
559 .settings-danger-input { min-width: 0; width: 100%; }
560 .settings-key-card { flex-direction: column; align-items: stretch; }
561 .settings-push-actions .btn { flex: 1; min-width: 0; min-height: 44px; }
555562 }
556563`;
557564
558565