mirror of
https://git.moonleay.net/Websites/liljudd-website.git
synced 2025-07-26 11:22:04 +02:00
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:
parent
906ca7806e
commit
ab864e0247
10 changed files with 250 additions and 244 deletions
|
@ -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>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue