后台设置页手机端:tab 列表收成可换行胶囊横排,去掉 sticky(单列布局里会粘住盖住下方面板)

This commit is contained in:
Sakurasan committed 2026-10-01 12:40:05 +08:00
1 parent e68400b389
commit f72d1107e0
1 file changed
+15
+15
View File
@@ -1041,6 +1041,21 @@ html.topbar-hidden {--topbar-h: 0px;}
color: var(--admin-accent);
border-left-color: var(--admin-accent);
font-weight: 500;}
/* 窄屏下 tab 列表收成可换行的横排:竖排 + sticky 是桌面左栏的写法,
单列布局里它会粘在屏幕上盖住下面的面板。必须放在基础规则之后,
否则同优先级会被上面的 column/sticky 盖掉。 */
@media (max-width: 760px) {
.settings-tabs {position: static;
flex-direction: row;
flex-wrap: wrap;
gap: 4px;
margin-bottom: 10px;}
.settings-tabs button {padding: 6px 12px;
border-left: 0;
border-radius: 999px;
background: var(--admin-paper-sunken, #f3efe6);}
.settings-tabs button.on {background: var(--admin-accent-soft);}
}
.theme-swatches {display: flex;
gap: 10px;
flex-wrap: wrap;}