fix(ui): style password validation errors and invalid borders

This commit is contained in:
Clintchiz committed 2026-08-26 17:40:01 +05:30
1 parent fe40cc56df
commit b1b84eb41c
5 files changed
+18 -4

No files matched your search

+4 -1
View File
@@ -64,7 +64,7 @@ component TogglePassword {
view {
<fieldset
class="wrn-component wrn-component--color-{color} wrn-component--size-{size} wrn-next--toggle-password {invalid ? 'wrn-next--invalid' : ''} {disabled ? 'wrn-next--disabled' : ''} {class}"
class="wrn-component wrn-component--color-{color} wrn-component--size-{size} wrn-next--toggle-password {invalid || validationMessage || nativeError ? 'wrn-next--invalid' : ''} {disabled ? 'wrn-next--disabled' : ''} {class}"
data-wrn-toggle-password
data-visible="{revealed ? 'true' : 'false'}"
>
@@ -172,6 +172,9 @@ component TogglePassword {
}
style {
.wrn-next--toggle-password .wrn-next__validation {
color: var(--wrn-color-danger, #ef4444);
}
.wrn-next--toggle-password {
display: grid;
width: 100%;