/
aliyyyada
/
FrontendAdminPanel
Обзор
Документация
Войти
/
aliyyyada
/
FrontendAdminPanel
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
src/components/common/Input.module.css
80 строк
1 KB
Алина
initial commit
15 июн 2026, 18:49
15 июн 2026, 18:49
7512c1b
Код
Авторство
О чём код?
.wrapper { display: flex; flex-direction: column; gap: 6px; width: 100%; } .label { font-size: 14px; font-weight: 600; color: var(--dark-text); } .inputRow { position: relative; display: flex; align-items: center; } .input { width: 100%; height: 52px; padding: 0 16px; box-sizing: border-box; background: var(--gray-input); border: 1.5px solid var(--gray-border); border-radius: var(--radius-sm); font-size: 15px; font-weight: 400; color: var(--dark-text); transition: border-color 0.2s, box-shadow 0.2s; outline: none; } .input[type="date"] { height: 52px; min-height: 52px; padding: 0 12px; line-height: normal; } .input::placeholder { color: var(--gray-text); } .input:focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(45, 60, 192, 0.12); background: var(--white); } .inputError { border-color: var(--error) !important; } .inputWithEye { padding-right: 44px; } .eyeBtn { position: absolute; right: 12px; background: none; border: none; cursor: pointer; opacity: 0.55; padding: 0; line-height: 1; display: flex; align-items: center; color: var(--gray-text); transition: opacity 0.15s; } .eyeBtn:hover { opacity: 0.9; } .error { font-size: 12px; color: var(--error); font-weight: 600; }