style(fe): apply universal token overrides for all input controls, select, buttons, tags and dialogs in base.css

This commit is contained in:
2026-08-15 21:48:15 +09:00
parent 72d0da0383
commit 925df23789
2 changed files with 32 additions and 4 deletions
+30 -4
View File
@@ -40,29 +40,55 @@ a { color: var(--ks-color-action); }
.ks-danger-text { color: var(--ks-color-danger); }
/* Global Ultra-Dense Form Control & Button Density Standardization (전역 통일 규격) */
input[type="text"], input[type="number"], input[type="date"], select, .p-inputtext, .p-select, .p-dropdown {
input[type="text"], input[type="number"], input[type="date"], select, textarea, .p-inputtext, .p-select, .p-dropdown, .ks-text-field__input, .ks-select__trigger, .ks-multi-select__trigger {
height: var(--ks-control-height) !important;
font-size: var(--ks-font-body) !important;
padding: 0 var(--ks-space-2) !important;
border-radius: var(--ks-radius-sm) !important;
border-color: var(--ks-color-border) !important;
box-sizing: border-box;
}
button, .p-button {
button, .p-button, .ks-button {
height: var(--ks-control-height) !important;
font-size: var(--ks-font-body) !important;
padding: 0 var(--ks-space-3) !important;
border-radius: var(--ks-radius-sm) !important;
box-sizing: border-box;
}
.p-button-sm {
.p-button-sm, .ks-button--sm {
height: 24px !important;
font-size: var(--ks-font-caption) !important;
padding: 0 var(--ks-space-2) !important;
}
.p-button-lg {
.p-button-lg, .ks-button--lg {
height: 32px !important;
font-size: var(--ks-font-section) !important;
padding: 0 var(--ks-space-4) !important;
}
/* Global Status Tags, Badges & Labels Standardization */
.ks-status-tag, .p-tag, .p-badge {
font-size: var(--ks-font-caption) !important;
height: 20px !important;
padding: 0 var(--ks-space-2) !important;
border-radius: var(--ks-radius-sm) !important;
line-height: 18px !important;
}
/* Global Dialog & Modal Standardization */
.p-dialog-header, .ks-dialog__header {
padding: var(--ks-space-3) var(--ks-space-4) !important;
font-size: var(--ks-font-section) !important;
}
.p-dialog-content, .ks-dialog__content {
padding: var(--ks-space-4) !important;
font-size: var(--ks-font-body) !important;
}
.p-dialog-footer, .ks-dialog__footer {
padding: var(--ks-space-3) var(--ks-space-4) !important;
}
+2
View File
@@ -105,6 +105,8 @@
--font-size-xs: var(--ks-font-caption);
--font-size-sm: var(--ks-font-grid);
--font-size-base: var(--ks-font-body);
--font-size: var(--ks-font-body);
--input-height: var(--ks-control-height);
--transition-fast: var(--ks-transition-fast);
--transition-base: var(--ks-transition-smooth);
--transition-normal: var(--ks-transition-smooth);