Notoric
/
Portfolio
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Glassy navbar for desktop

This commit is contained in:
Notoric 2024-05-30 23:22:50 +01:00
parent e96a9c6797
commit 9c7a070bab
1 changed files with 3 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
styles/global.css
View File

@ -43,7 +43,8 @@ body {
}
#navbar {
background-color: black;
background-color: #000c;
backdrop-filter: blur(10px);
margin: 0;
overflow: hidden;
padding-inline: 30px;
@ -291,7 +292,7 @@ em {
margin: auto;
position: relative;
font-family: "Barlow", sans-serif;
padding-top: 100px !important;
padding-top: 100px !important; /* padding to make sure that the scroll anchor works properly with the navbar */
}
#aboutme h1 {
@ -480,8 +481,6 @@ em {
border: 0;
padding-inline: 0;
transition: transform 0.5s ease;
background-color: #000a;
backdrop-filter: blur(10px);
}
#navbar.expanded {