/
Percival
/
reactJS_course
Обзор
Документация
Войти
/
Percival
/
reactJS_course
Код
Запросы
4
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
task5
task_1_fsd/src/shared/ui/Input/Input.module.css
48 строк
770 B
Rituparn
Added the fourth task
19 окт 2025, 23:09
19 окт 2025, 23:09
f890dd5
Код
Авторство
О чём код?
.wrapper { display: flex; flex-direction: column; gap: 0.5rem; width: 100%; } .label { font-size: 0.875rem; font-weight: 500; color: #374151; } .input { width: 100%; padding: 0.75rem 1rem; border: 1px solid #d1d5db; border-radius: 0.5rem; font-size: 1rem; transition: all 0.2s; outline: none; } .input:focus { border-color: #6366f1; box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1); } .input:disabled { background-color: #f3f4f6; cursor: not-allowed; opacity: 0.6; } .inputError { border-color: #ef4444; } .inputError:focus { border-color: #ef4444; box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1); } .error { font-size: 0.875rem; color: #ef4444; margin-top: -0.25rem; }