/
lostSun
/
project-client-server-apps
Обзор
Документация
Войти
/
lostSun
/
project-client-server-apps
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
src/components/Navigation/Navigation.module.css
96 строк
2 KB
1lostsun
update project
25 май 2025, 13:12
25 май 2025, 13:12
78a0079
Код
Авторство
О чём код?
.nav { position: fixed; top: 0; left: 0; right: 0; display: flex; justify-content: space-between; align-items: center; padding: 1rem 2rem; background-color: rgba(26, 26, 26, 0.95); backdrop-filter: blur(10px); z-index: 1000; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); } .homeNav { background-color: transparent; box-shadow: none; } .logo { font-size: 1.5rem; font-weight: bold; color: #fff; text-decoration: none; transition: opacity 0.2s; } .logo:hover { opacity: 0.8; } .links { display: flex; gap: 1.5rem; align-items: center; } .link { color: #fff; text-decoration: none; font-size: 1rem; padding: 0.5rem 1rem; border-radius: 6px; transition: background-color 0.2s; } .link:hover { background-color: rgba(255, 255, 255, 0.1); } .logoutButton { background: none; border: 1px solid #fff; color: #fff; padding: 0.5rem 1rem; border-radius: 6px; cursor: pointer; font-size: 1rem; transition: all 0.2s; } .logoutButton:hover { background-color: rgba(255, 255, 255, 0.1); transform: translateY(-1px); } .registerButton { background-color: #2d5a27; color: #fff; text-decoration: none; padding: 0.5rem 1rem; border-radius: 6px; font-size: 1rem; transition: all 0.2s; } .registerButton:hover { background-color: #346830; transform: translateY(-1px); } @media (max-width: 600px) { .nav { padding: 1rem; } .links { gap: 1rem; } .link, .logoutButton, .registerButton { padding: 0.4rem 0.8rem; font-size: 0.875rem; } }