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

Поля ввода больше не рисуют сплошной синий outline поверх собственного кольца: остаётся тонкая рамка и мягкое кольцо 18%.

Co-Authored-By: Claude Sonnet 5.5 <[email protected]>
This commit is contained in:
DenozordecandClaude Sonnet 5.5 committed 2026-10-24 00:18:59 +07:00
1 parent 574e92830b
commit 7b0f09e292
2 files changed
+12 -4

No files matched your search

+10 -2
View File
@@ -21,12 +21,20 @@ html[data-density='compact'] [data-slot='sidebar-inset'] > div:last-child {
}
/* Видимый фокус и reduced motion — как в макете MikrotikManager v2. */
html [data-slot='sidebar-wrapper'] :focus-visible,
html #main-content :focus-visible {
html [data-slot='sidebar-wrapper'] :focus-visible:not(input, textarea, select, [data-slot='input-group-control']),
html #main-content :focus-visible:not(input, textarea, select, [data-slot='input-group-control']) {
outline: 2px solid var(--ring);
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) {
html #main-content *,
html [data-slot='sidebar-wrapper'] * {
+2 -2
View File
@@ -28,8 +28,8 @@ export default defineConfig({
server: {
port: 5173,
proxy: {
'/v1': { target: 'http://127.0.0.1:8080', changeOrigin: true },
'/metrics': { 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:8081', changeOrigin: true },
},
},
test: {