/
guselnikov
/
inst
Обзор
Документация
Войти
/
guselnikov
/
inst
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
admin/src/components/ui/DateTimeInput.module.css
58 строк
1 KB
Viktor Guselnikov
first_commit
07 июл 2026, 11:54
07 июл 2026, 11:54
098126a
Код
Авторство
О чём код?
.field { display: flex; flex-direction: column; gap: 6px; } .label { font-size: 12px; font-weight: 500; letter-spacing: 0.02em; color: var(--text-muted); text-transform: uppercase; } .input { width: 100%; min-height: 44px; padding: 0 14px; border: none; border-radius: var(--radius-sm); background: var(--bg-muted); box-shadow: var(--shadow-inset); color: var(--text-primary); font-size: 14px; font-weight: 500; font-family: var(--font-mono); font-variant-numeric: tabular-nums; transition: background var(--transition), box-shadow var(--transition); } .input:hover { background: var(--bg-elevated); } .input:focus { outline: none; background: var(--bg-elevated); box-shadow: var(--shadow-inset), 0 0 0 1px var(--border-focus); } /* Webkit datetime polish */ .input::-webkit-calendar-picker-indicator { filter: opacity(0.45); cursor: pointer; transition: filter var(--transition); } .input:hover::-webkit-calendar-picker-indicator { filter: opacity(0.75); } [data-theme='light'] .input::-webkit-calendar-picker-indicator { filter: opacity(0.55); }