/
AMachine
/
mmdb.front
Обзор
Документация
Войти
/
AMachine
/
mmdb.front
Код
Запросы
0
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
src/app/components/NavigationBar/NavigationBar.module.css
94 строки
1 KB
Huz2e
вау оно живое
08 июн 2025, 01:14
08 июн 2025, 01:14
9dd4acd
Код
Авторство
О чём код?
.navigationBar { display: flex; align-items: center; padding: 1rem; background-color: #1a1a1a; position: relative; z-index: 1; } .title { font-size: 1.5rem; font-weight: bold; color: white; font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif; } .menuButton { position: fixed; top: 1rem; right: 2rem; background: none; border: none; color: white; font-size: 1.5rem; cursor: pointer; z-index: 1001; transition: right 0.3s ease; } .menuButton.open { right: 20rem; } .navContainer { position: fixed; top: 0; right: -2500px; height: 100vh; width: 250px; background-color: #1a1a1a; transition: right 0.3s ease; display: flex; flex-direction: column; padding: 1rem; padding-top: 1rem; gap: 1rem; z-index: 1000; } .navContainer.open { right: 0; } .navContainer.open::before { content: ""; position: fixed; top: 0; left: 0; right: 282px; bottom: 0; background-color: rgba(0, 0, 0, 0.5); pointer-events: auto; z-index: -1; opacity: 1; transition: opacity 0.3s ease 0.5s; } .navContainer::before { content: ""; position: fixed; top: 0; left: 0; right: 282px; bottom: 0; background-color: rgba(0, 0, 0, 0.5); pointer-events: none; z-index: -1; opacity: 0; } .navButton { background: none; border: none; color: white; padding: 0.5rem; cursor: pointer; text-align: left; font-size: 1rem; } .navButton:hover { background-color: #333; border-radius: 0.25rem; }