fix: moved scss and css to seperate file, fixed overflow

chore: added folders to gitignore

Signed-off-by: moonleay <contact@moonleay.net>
This commit is contained in:
moonleay 2023-11-09 18:06:03 +01:00
parent 906ca7806e
commit ab864e0247
10 changed files with 250 additions and 244 deletions

View file

@ -1,3 +1,6 @@
---
import '../styles/components/NavBar.scss';
---
<nav>
<ul>
<li class="navElem">
@ -30,55 +33,3 @@
</li>
</ul>
</nav>
<style lang="scss">
nav {
display: flex;
flex-direction: column;
background-color: rgba(0, 0, 0, 0.4);
backdrop-filter: blur(5px);
position: sticky;
border-radius: 5px;
ul {
display: flex;
flex-direction: column;
align-items: center;
padding: 0;
.navElem {
margin: 0.5rem 1rem;
transition: 0.5s;
color: white;
&:hover {
color: rgb(96 59 255) !important;
}
.textBx {
display: flex;
align-items: center;
#logo {
width: 32px;
height: 32px;
border-radius: 100%;
max-width: initial;
max-height: initial;
margin: 0.5rem;
}
}
}
}
@media (min-width: 768px) {
ul {
flex-direction: row;
padding: 0 2rem;
.navElem:last-child {
margin-left: auto;
}
}
}
}
</style>