iter(g257): 分页条窄屏自动换行

This commit is contained in:
HIsheR
2026-10-26 22:20:13 +08:00
parent 5771651e44
commit 364ac80f40
+6 -1
View File
@@ -257,14 +257,19 @@ body.ua-col-resizing {
}
.ua-pager {
display: flex;
gap: var(--ua-space-3);
flex-wrap: wrap; /* 窄屏(页码 + 四个控件)自动换行,宁可两行也不横向溢出 */
gap: var(--ua-space-2) var(--ua-space-3); /* 换行后行距紧一档:两行控件不显得散架 */
align-items: center;
margin-top: var(--ua-space-3);
}
.ua-page-info {
margin-right: auto; /* 页码信息占住中段左缘:换行后控件仍成组靠右 */
color: var(--ua-color-text-muted);
font-size: var(--ua-font-size-sm);
}
.ua-pager .ua-select {
margin-left: auto; /* 只有页码信息时右侧留白由它接管;换行到第二行也不会贴边 */
}
/* —— 复选框 / 单选 —— */
.ua-check-row {