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

fixed menu responsiveness

This commit is contained in:
Notoric 2024-05-23 14:29:32 +01:00
parent b5760c28da
commit b95972830c
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
styles/global.css
View File

@ -248,19 +248,19 @@ em {
width: 100vw; width: 100vw;
justify-content: space-between; justify-content: space-between;
position: absolute; position: absolute;
right: 100vw;
z-index: 10; z-index: 10;
font-size: 3em; font-size: 3em;
margin: 0; margin: 0;
border: 0; border: 0;
padding-inline: 0; padding-inline: 0;
transform: translateX(-100vw);
transition: transform 0.5s ease; transition: transform 0.5s ease;
background-color: #000a; background-color: #000a;
backdrop-filter: blur(10px); backdrop-filter: blur(10px);
} }
#navbar.expanded { #navbar.expanded {
transform: translateX(0); transform: translateX(100vw);
} }
#links, #nav { #links, #nav {
@ -322,13 +322,13 @@ em {
} }
} }
@media (pointer: fine) and (hover: hover) { @media (pointer: fine) and (hover: hover) and (max-width: 1100px) {
body { body {
font-size: 16px; font-size: 16px;
} }
} }
@media (pointer: coarse) and (hover: none) { @media (pointer: coarse) and (hover: none) and (max-width: 1100px) {
body { body {
font-size: 30px; font-size: 30px;
} }