diff --git a/packages/skin/ui/ui.css b/packages/skin/ui/ui.css index 43d9347..d1cc436 100644 --- a/packages/skin/ui/ui.css +++ b/packages/skin/ui/ui.css @@ -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 {