feat: Add detailed documentation and improve styling for form components
This commit is contained in:
@@ -25,7 +25,7 @@
|
||||
.rc-form-item-required-mark {
|
||||
margin-left: 0.25rem;
|
||||
color: var(--color-error-500);
|
||||
font-family: SimSun, sans-serif; /* Standard font for asterisks agar vertical align bagus */
|
||||
font-family: SimSun, sans-serif; /* Standard font for asterisks agar vertical align */
|
||||
}
|
||||
|
||||
/* =========================
|
||||
@@ -35,7 +35,7 @@
|
||||
margin-top: var(--form-msg-margin-top);
|
||||
font-size: var(--form-msg-font-size);
|
||||
line-height: 1.4;
|
||||
min-height: 1.4em; /* Mencegah layout jumping jika error muncul/hilang */
|
||||
min-height: 1.4em; /* Reserve space even when empty to prevent layout shift */
|
||||
transition: color 0.2s;
|
||||
}
|
||||
|
||||
@@ -45,7 +45,7 @@
|
||||
|
||||
/* --- ERROR STATE --- */
|
||||
.rc-form-item.status-error .rc-form-item-label {
|
||||
color: var(--color-error-600); /* Label jadi merah saat error (opsional UI pattern) */
|
||||
color: var(--color-error-600); /* Darker shade for label on error */
|
||||
}
|
||||
.rc-form-item.status-error .rc-form-item-explain {
|
||||
color: var(--color-error-500);
|
||||
|
||||
Reference in New Issue
Block a user