iter(g181): 控件高度统一三档
This commit is contained in:
+29
-7
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user