iter(g181): 控件高度统一三档

This commit is contained in:
HIsheR
2026-10-26 17:30:00 +08:00
parent 1289b54af3
commit 85f009dff8
11 changed files with 123 additions and 14 deletions
+29 -7
View File
@@ -6,6 +6,27 @@
outline: 2px solid var(--ua-color-accent);
outline-offset: 2px;
}
/* —— 控件高度三档:所有可交互控件统一走 --ua-control-h-*,size 档只改高度 —— */
.ua-btn,
.ua-input,
.ua-select-trigger,
.ua-input-number-field {
box-sizing: border-box;
height: var(--ua-control-h-md);
}
.ua-btn.is-sm,
.ua-input.is-sm,
.ua-select-trigger.is-sm,
.ua-input-number-field.is-sm {
height: var(--ua-control-h-sm);
}
.ua-btn.is-lg,
.ua-input.is-lg,
.ua-select-trigger.is-lg,
.ua-input-number-field.is-lg {
height: var(--ua-control-h-lg);
}
.ua-btn {
padding: var(--ua-space-15) var(--ua-space-35);
border: 1px solid var(--ua-color-accent);
@@ -913,6 +934,7 @@ body.ua-col-resizing {
gap: var(--ua-space-1);
}
.ua-input-number .ua-btn {
height: auto; /* 步进器是图标按钮:不吃控件统一高度 */
padding: 5px var(--ua-space-3); /* 收窄为步进按钮 */
line-height: 1.4;
}
@@ -1311,7 +1333,7 @@ button.ua-step-dot:hover {
}
.ua-page-btn {
min-width: 28px;
height: 28px;
height: var(--ua-control-h-sm);
padding: 0 var(--ua-space-2);
border: 1px solid var(--ua-color-border);
border-radius: var(--ua-radius-sm);
@@ -1380,7 +1402,7 @@ button.ua-step-dot:hover {
}
.ua-skeleton-circle {
width: 40px;
height: 40px;
height: var(--ua-control-h-lg);
border-radius: 50%;
flex-shrink: 0;
}
@@ -2554,7 +2576,7 @@ button.ua-step-dot:hover {
top: 50%;
transform: translateY(-50%);
width: 28px;
height: 28px;
height: var(--ua-control-h-sm);
border: 1px solid var(--ua-color-border);
border-radius: 50%;
background: var(--ua-color-bg);
@@ -2737,7 +2759,7 @@ button.ua-step-dot:hover {
}
.ua-upload-thumb {
width: 28px;
height: 28px;
height: var(--ua-control-h-sm);
object-fit: cover;
border: 1px solid var(--ua-color-border);
border-radius: var(--ua-radius-sm);
@@ -2869,7 +2891,7 @@ button.ua-step-dot:hover {
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
height: var(--ua-control-h-lg);
border-radius: 50%;
font-size: var(--ua-font-size-lg);
font-weight: 700;
@@ -3364,10 +3386,10 @@ button.ua-step-dot:hover {
margin-top: var(--ua-space-05);
}
.ua-datepicker-blank {
height: 28px;
height: var(--ua-control-h-sm);
}
.ua-datepicker-day {
height: 28px;
height: var(--ua-control-h-sm);
font-size: var(--ua-font-size-sm);
color: var(--ua-color-text);
background: transparent;