add error state to input element.
This commit is contained in:
@@ -436,6 +436,9 @@
|
|||||||
line-height: 1.5em;
|
line-height: 1.5em;
|
||||||
color: var(--color-on-surface);
|
color: var(--color-on-surface);
|
||||||
background-color: var(--color-surface-container-highest);
|
background-color: var(--color-surface-container-highest);
|
||||||
|
&.error {
|
||||||
|
border-color: var(--color-error);
|
||||||
|
}
|
||||||
.input_wrapper & {
|
.input_wrapper & {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border: none;
|
border: none;
|
||||||
@@ -471,5 +474,8 @@
|
|||||||
border-top-left-radius: calc(var(--border-radius) * 2);
|
border-top-left-radius: calc(var(--border-radius) * 2);
|
||||||
border-top-right-radius: calc(var(--border-radius) * 2);
|
border-top-right-radius: calc(var(--border-radius) * 2);
|
||||||
background-color: var(--color-surface-container-highest);
|
background-color: var(--color-surface-container-highest);
|
||||||
|
&.error {
|
||||||
|
border-color: var(--color-error);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user