fix(web): soften input focus highlight
quality / changes (push) Successful in 12s
quality / go (push) Skipped
quality / bird2 (push) Skipped
quality / commitlint (push) Skipped
quality / docker-check (push) Skipped
quality / openapi (push) Successful in 38s
quality / web (push) Successful in 2m12s
CD / quality (push) Successful in 3m12s
CD / publish (push) Successful in 46s
quality / changes (push) Successful in 12s
quality / go (push) Skipped
quality / bird2 (push) Skipped
quality / commitlint (push) Skipped
quality / docker-check (push) Skipped
quality / openapi (push) Successful in 38s
quality / web (push) Successful in 2m12s
CD / quality (push) Successful in 3m12s
CD / publish (push) Successful in 46s
Поля ввода больше не рисуют сплошной синий outline поверх собственного кольца: остаётся тонкая рамка и мягкое кольцо 18%. Co-Authored-By: Claude Sonnet 5.5 <[email protected]>
This commit is contained in:
1 parent
574e92830b
commit
7b0f09e292
2 files changed
+12
-4
No files matched your search
@@ -21,12 +21,20 @@ html[data-density='compact'] [data-slot='sidebar-inset'] > div:last-child {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* Видимый фокус и reduced motion — как в макете MikrotikManager v2. */
|
/* Видимый фокус и reduced motion — как в макете MikrotikManager v2. */
|
||||||
html [data-slot='sidebar-wrapper'] :focus-visible,
|
html [data-slot='sidebar-wrapper'] :focus-visible:not(input, textarea, select, [data-slot='input-group-control']),
|
||||||
html #main-content :focus-visible {
|
html #main-content :focus-visible:not(input, textarea, select, [data-slot='input-group-control']) {
|
||||||
outline: 2px solid var(--ring);
|
outline: 2px solid var(--ring);
|
||||||
outline-offset: 2px;
|
outline-offset: 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Поля ввода: спокойная подсветка фокуса — тонкая рамка и мягкое кольцо вместо яркого синего контура. */
|
||||||
|
html input:focus-visible,
|
||||||
|
html textarea:focus-visible,
|
||||||
|
html [data-slot='input-group']:has([data-slot='input-group-control']:focus-visible) {
|
||||||
|
border-color: color-mix(in oklch, var(--ring) 45%, var(--input));
|
||||||
|
--tw-ring-color: color-mix(in oklch, var(--ring) 18%, transparent);
|
||||||
|
}
|
||||||
|
|
||||||
@media (prefers-reduced-motion: reduce) {
|
@media (prefers-reduced-motion: reduce) {
|
||||||
html #main-content *,
|
html #main-content *,
|
||||||
html [data-slot='sidebar-wrapper'] * {
|
html [data-slot='sidebar-wrapper'] * {
|
||||||
|
|||||||
@@ -28,8 +28,8 @@ export default defineConfig({
|
|||||||
server: {
|
server: {
|
||||||
port: 5173,
|
port: 5173,
|
||||||
proxy: {
|
proxy: {
|
||||||
'/v1': { target: 'http://127.0.0.1:8080', changeOrigin: true },
|
'/v1': { target: 'http://127.0.0.1:8081', changeOrigin: true },
|
||||||
'/metrics': { target: 'http://127.0.0.1:8080', changeOrigin: true },
|
'/metrics': { target: 'http://127.0.0.1:8081', changeOrigin: true },
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
test: {
|
test: {
|
||||||
|
|||||||
Reference in new issue
Block a user