DenozordecandClaude Sonnet 5.5
60e0b886fc
QuickActionGrid получил autoFit: Frame с отступами и сетка auto-fit от 17rem, плитки больше не вылетают за границы. Центр состояния в шапке, меню пользователя (тема, плотность, контраст), точки проблем в меню, размытая шапка, высокий контраст и видимый фокус приведены к макету v2. Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
45 lines
1.6 KiB
CSS
45 lines
1.6 KiB
CSS
@import '@fontsource-variable/geist';
|
|
@import '@fontsource-variable/geist-mono';
|
|
|
|
/* Плотность и контраст макета. Атрибуты ставит PreviewProvider и снимает при выходе. */
|
|
html[data-preview-density='compact'] [data-slot='data-grid-table'] :is(th, td) {
|
|
padding-block: 0.25rem;
|
|
}
|
|
|
|
html[data-preview-density='compact'] [data-slot='sidebar-inset'] > div:last-child {
|
|
gap: 0.75rem;
|
|
}
|
|
|
|
html[data-preview-contrast='high'] {
|
|
--border: color-mix(in oklch, var(--foreground) 55%, transparent);
|
|
--input: color-mix(in oklch, var(--foreground) 60%, transparent);
|
|
--muted-foreground: color-mix(in oklch, var(--foreground) 88%, transparent);
|
|
--ring: oklch(0.85 0.17 95);
|
|
}
|
|
|
|
/* Шрифты дизайн-системы (Geist / Geist Mono) — только пока смонтирован макет. */
|
|
html[data-preview-density] {
|
|
--font-sans: 'Geist Variable', ui-sans-serif, system-ui, sans-serif;
|
|
--font-mono: 'Geist Mono Variable', ui-monospace, monospace;
|
|
}
|
|
|
|
html[data-preview-density],
|
|
html[data-preview-density] body {
|
|
font-family: var(--font-sans);
|
|
}
|
|
|
|
/* Видимый фокус и reduced motion — как в макете MikrotikManager v2. */
|
|
html[data-preview-density] [data-slot='sidebar-wrapper'] :focus-visible,
|
|
html[data-preview-density] #main-content :focus-visible {
|
|
outline: 2px solid var(--ring);
|
|
outline-offset: 2px;
|
|
}
|
|
|
|
@media (prefers-reduced-motion: reduce) {
|
|
html[data-preview-density] #main-content *,
|
|
html[data-preview-density] [data-slot='sidebar-wrapper'] * {
|
|
animation: none !important;
|
|
transition: none !important;
|
|
}
|
|
}
|