后台设置页手机端:tab 列表收成可换行胶囊横排,去掉 sticky(单列布局里会粘住盖住下方面板)
This commit is contained in:
1 parent
e68400b389
commit
f72d1107e0
1 file changed
+15
@@ -1041,6 +1041,21 @@ html.topbar-hidden {--topbar-h: 0px;}
|
|||||||
color: var(--admin-accent);
|
color: var(--admin-accent);
|
||||||
border-left-color: var(--admin-accent);
|
border-left-color: var(--admin-accent);
|
||||||
font-weight: 500;}
|
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;
|
.theme-swatches {display: flex;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
flex-wrap: wrap;}
|
flex-wrap: wrap;}
|
||||||
|
|||||||
Reference in new issue
Block a user