search box
Browse files
frontend/src/components/ui/Input.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
| 1 |
-
.dw-field {
|
| 2 |
display: flex;
|
| 3 |
flex-direction: column;
|
| 4 |
gap: var(--space-2);
|
|
@@ -26,6 +26,10 @@
|
|
| 26 |
border-color: var(--color-border-strong);
|
| 27 |
}
|
| 28 |
|
|
|
|
|
|
|
|
|
|
|
|
|
| 29 |
.dw-field__control--error {
|
| 30 |
border-color: var(--color-danger);
|
| 31 |
}
|
|
@@ -43,6 +47,10 @@
|
|
| 43 |
font-size: var(--text-sm);
|
| 44 |
}
|
| 45 |
|
|
|
|
|
|
|
|
|
|
|
|
|
| 46 |
.dw-field__control input::placeholder {
|
| 47 |
color: var(--color-text-muted);
|
| 48 |
}
|
|
@@ -60,3 +68,4 @@
|
|
| 60 |
.dw-field__message--error {
|
| 61 |
color: var(--color-danger);
|
| 62 |
}
|
|
|
|
|
|
| 1 |
+
.dw-field {
|
| 2 |
display: flex;
|
| 3 |
flex-direction: column;
|
| 4 |
gap: var(--space-2);
|
|
|
|
| 26 |
border-color: var(--color-border-strong);
|
| 27 |
}
|
| 28 |
|
| 29 |
+
.dw-field__control:has(input:focus-visible) {
|
| 30 |
+
box-shadow: var(--focus-ring);
|
| 31 |
+
}
|
| 32 |
+
|
| 33 |
.dw-field__control--error {
|
| 34 |
border-color: var(--color-danger);
|
| 35 |
}
|
|
|
|
| 47 |
font-size: var(--text-sm);
|
| 48 |
}
|
| 49 |
|
| 50 |
+
.dw-field__control input:focus-visible {
|
| 51 |
+
box-shadow: none;
|
| 52 |
+
}
|
| 53 |
+
|
| 54 |
.dw-field__control input::placeholder {
|
| 55 |
color: var(--color-text-muted);
|
| 56 |
}
|
|
|
|
| 68 |
.dw-field__message--error {
|
| 69 |
color: var(--color-danger);
|
| 70 |
}
|
| 71 |
+
|