/
Razavi
/
PreBid
Обзор
Документация
Войти
/
Razavi
/
PreBid
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
src/components/ui/inputs/PasswordInput/PasswordInput.module.css
58 строк
854 B
Razavi
Доработанная авторизация
23 дек 2024, 18:08
23 дек 2024, 18:08
647d237
Код
Авторство
О чём код?
.inputGroup { display: flex; flex-direction: column; gap: 8px; } .inputGroup label { font-size: 16px; line-height: 20px; color: #333333; } .passwordInput { position: relative; display: flex; align-items: center; } .passwordInput input { width: 100%; padding: 12px; border: 1px solid #e0e0e0; border-radius: 4px; font-size: 16px; line-height: 24px; color: #333333; } .passwordInput input[type="password"]::-ms-reveal, .passwordInput input[type="password"]::-ms-clear { display: none; } .passwordInput input:focus { outline: none; border-color: #007bff; } .togglePassword { height: 24px; position: absolute; right: 12px; background: none; border: none; padding: 0; cursor: pointer; } .togglePassword img { width: 24px; height: 24px; opacity: 0.6; transition: opacity 0.2s; } .togglePassword:hover img { opacity: 1; }