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