From 7b0f09e292bd05761b7ffb3d61479c5c84352cad Mon Sep 17 00:00:00 2001 From: Denozordec Date: Sat, 24 Oct 2026 00:18:59 +0700 Subject: [PATCH] fix(web): soften input focus highlight MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Поля ввода больше не рисуют сплошной синий outline поверх собственного кольца: остаётся тонкая рамка и мягкое кольцо 18%. Co-Authored-By: Claude Sonnet 5.5 --- apps/web/src/portal-theme.css | 12 ++++++++++-- apps/web/vite.config.ts | 4 ++-- 2 files changed, 12 insertions(+), 4 deletions(-) diff --git a/apps/web/src/portal-theme.css b/apps/web/src/portal-theme.css index 7dff152..c20e1ce 100644 --- a/apps/web/src/portal-theme.css +++ b/apps/web/src/portal-theme.css @@ -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'] * { diff --git a/apps/web/vite.config.ts b/apps/web/vite.config.ts index 2622661..6676e7e 100644 --- a/apps/web/vite.config.ts +++ b/apps/web/vite.config.ts @@ -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: {