/
pellya
/
blogReactera
Обзор
Документация
Войти
/
pellya
/
blogReactera
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
src/shared/ui/Input/Input.module.scss
53 строки
695 B
Pellya
Move ProfileHeader to own component and add ReadOnly state for form inputs, add cancelEdit and updateProfile data rom form
30 дек 2024, 23:47
30 дек 2024, 23:47
823feb1
Код
Авторство
О чём код?
.InputWrapper { display: flex; } .placeholder { margin-right: 5px; } .input { background: transparent; border: none; outline: none; width: 100%; color: transparent; text-shadow: 0 0 0 var(--primary-color); &:focus { outline: none; } } .caretWrapper { flex-grow: 1; position: relative; } .caret { height: 3px; width: 9px; background: var(--primary-color); bottom: 0; left: 0; position: absolute; animation: blink 0.7s forwards infinite; } .readOnly { opacity: 0.7; } @keyframes blink { 0% { opacity: 0; } 50% { opacity: 0.01; } 100% { opacity: 1; } }