iter(g225): 时分两列补分界与列宽
This commit is contained in:
@@ -5069,6 +5069,7 @@ h5.ua-type-title { font-size: var(--ua-font-size-md); }
|
||||
left: 0;
|
||||
display: flex;
|
||||
gap: var(--ua-space-1);
|
||||
min-width: 132px; /* 与触发器最小宽度对齐:两列各占一半,不出现一宽一窄 */
|
||||
padding: var(--ua-space-1);
|
||||
border: 1px solid var(--ua-color-border);
|
||||
border-radius: var(--ua-radius-md);
|
||||
@@ -5102,6 +5103,8 @@ h5.ua-type-title { font-size: var(--ua-font-size-md); }
|
||||
border: none;
|
||||
border-radius: var(--ua-radius-sm);
|
||||
padding: var(--ua-space-1) var(--ua-space-3);
|
||||
min-width: 44px; /* 单格最小宽度:两位数字对齐,纵向扫读不歪 */
|
||||
text-align: center;
|
||||
background: none;
|
||||
color: var(--ua-color-text);
|
||||
font-size: var(--ua-font-size-md);
|
||||
@@ -5174,3 +5177,9 @@ h5.ua-type-title { font-size: var(--ua-font-size-md); }
|
||||
padding-right: var(--ua-space-6); /* 给 × 让出位置:文案不会被压在按钮下面 */
|
||||
}
|
||||
|
||||
/* ---- 时间选择:两列之间的分开线(避免时分连成一片看错) ---- */
|
||||
.ua-timepicker-col + .ua-timepicker-col {
|
||||
margin-left: var(--ua-space-05);
|
||||
padding-left: var(--ua-space-1);
|
||||
border-left: 1px solid var(--ua-border-subtle); /* 时分分界:一条 1px 细线,比留白更能说明这是两列 */
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user