/
Percival
/
reactJS_course
Обзор
Документация
Войти
/
Percival
/
reactJS_course
Код
Запросы
4
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
task6
task_1_fsd/src/pages/profilePage/ui/ProfilePage.module.css
91 строка
2 KB
Rituparn
Added the sixth task
08 ноя 2025, 14:11
08 ноя 2025, 14:11
baae17a
Код
Авторство
О чём код?
.container { min-height: 100vh; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); padding: 20px; } .card { background: white; border-radius: 12px; padding: 40px; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1); width: 100%; max-width: 500px; } .header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; } .title { font-size: 28px; font-weight: 700; color: #333; } .logoutButton { padding: 10px 20px; background: #ff4757; color: white; border: none; border-radius: 8px; font-size: 14px; font-weight: 600; cursor: pointer; transition: transform 0.2s, background 0.2s; } .logoutButton:hover { background: #ee3344; transform: translateY(-2px); } .content { display: flex; flex-direction: column; align-items: center; gap: 30px; } .avatar { width: 100px; height: 100px; border-radius: 50%; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); display: flex; align-items: center; justify-content: center; font-size: 48px; font-weight: 700; color: white; } .info { width: 100%; display: flex; flex-direction: column; gap: 16px; } .field { display: flex; justify-content: space-between; padding: 16px; background: #f8f9fa; border-radius: 8px; } .label { font-weight: 600; color: #555; } .value { color: #333; }