/
lostSun
/
project-client-server-apps
Обзор
Документация
Войти
/
lostSun
/
project-client-server-apps
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
src/pages/ProfilePage/ProfilePage.module.css
97 строк
1 KB
1lostsun
update project
25 май 2025, 13:12
25 май 2025, 13:12
78a0079
Код
Авторство
О чём код?
.container { max-width: 800px; margin: 0 auto; padding: 5rem 2rem 2rem; min-height: 100vh; background-color: #1a1a1a; color: #fff; } .header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 2rem; } .browseButton { padding: 0.75rem 1.5rem; background-color: #2a2a2a; color: #fff; text-decoration: none; border-radius: 8px; transition: all 0.2s; border: 1px solid #3a3a3a; } .browseButton:hover { background-color: #3a3a3a; transform: translateY(-1px); } .searchInput { width: 100%; padding: 1rem; margin-bottom: 2rem; background-color: #2a2a2a; border: 1px solid #3a3a3a; border-radius: 8px; color: #fff; font-size: 1rem; transition: border-color 0.2s; } .searchInput:focus { outline: none; border-color: #4a4a4a; } .searchInput::placeholder { color: #888; } .bookList { padding: 0; margin: 0; display: grid; gap: 1.5rem; } .bookItem { position: relative; } .removeButton { position: absolute; top: 1rem; right: 1rem; padding: 0.5rem 1rem; background-color: rgba(166, 50, 50, 0.9); color: #fff; border: none; border-radius: 6px; cursor: pointer; font-size: 0.875rem; transition: all 0.2s; opacity: 0; } .bookItem:hover .removeButton { opacity: 1; } .removeButton:hover { background-color: #b63939; transform: translateY(-1px); } .emptyState { text-align: center; padding: 4rem 0; } .emptyState p { margin-bottom: 1.5rem; color: #888; font-size: 1.125rem; }