fix: expose mobile category filters

This commit is contained in:
2026-09-15 06:58:36 +08:00
parent 640ae4743f
commit c512a4c525
2 changed files with 29 additions and 4 deletions
+25
View File
@@ -2,3 +2,28 @@
@media(max-width:560px){html,body{width:100%;min-width:0;overflow-x:hidden}.app-layout{min-height:100svh}.main{width:100%;padding:0 12px}.topbar{height:auto;min-height:64px;padding:12px 0;gap:8px}.topbar h1{font-size:18px}.top-actions{flex-shrink:0}.icon-button{min-width:40px;min-height:40px;padding:7px}.toolbar{padding:12px 0;gap:8px}.search{height:42px;min-width:0}.search input{font-size:16px}.search kbd{display:none}.result-count{display:none}.service-row{min-height:64px;gap:9px;padding:9px 1px}.service-icon{width:32px;height:32px;font-size:14px}.service-main strong{font-size:13px}.service-main span{font-size:11px}.service-arrow{display:block;width:18px;font-size:14px}.page-footer{padding:18px 2px}.sidebar{display:none}}
@media(max-width:380px){.main{padding:0 10px}.topbar h1{font-size:17px}.service-row{gap:8px}.service-main span{max-width:190px}}
/* The admin entry must remain visible on mobile */
@media(max-width:560px){.top-actions .admin-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:7px 11px;font-size:12px;font-weight:550;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:7px}.top-actions{gap:7px}}
@media(max-width:560px){.top-actions .admin-link{display:inline-flex!important;align-items:center;justify-content:center;min-height:40px;padding:7px 12px;font-size:13px;font-weight:600;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:7px}}
@media(max-width:560px){.top-actions{gap:7px}.top-actions .admin-link{white-space:nowrap}}
@media(max-width:360px){.topbar h1{font-size:16px}.top-actions .admin-link{padding-left:9px;padding-right:9px;font-size:12px}.icon-button{min-width:38px}}
@media(max-width:560px){.top-actions .admin-link{display:inline-flex!important}}
/* cache-bust marker: mobile-admin-visible */
/* Mobile login CTA: intentionally overrides desktop-hide rule */
@media screen and (max-width:560px){.main .topbar .top-actions .admin-link{display:inline-flex!important;visibility:visible!important;opacity:1!important}}
.mobile-categories{display:none}
@media(max-width:560px){
.mobile-categories{display:flex;gap:7px;overflow-x:auto;padding:0 0 12px;margin:0 -2px;scrollbar-width:none}
.mobile-categories::-webkit-scrollbar{display:none}
.mobile-category{flex:0 0 auto;border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:7px;padding:7px 10px;font-size:12px;line-height:1;white-space:nowrap}
.mobile-category span{margin-left:4px;opacity:.65}
.mobile-category.active{color:var(--text);border-color:var(--text);background:var(--surface-2)}
.admin-link{display:inline-flex!important;align-items:center;justify-content:center;min-height:40px;padding:7px 10px;font-size:12px;white-space:nowrap}
}