degmods/degmods.com
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

mobile css optimizing social nav
All checks were successful
Release to Staging / build_and_release (push) Successful in 44s
Details

Browse Source
This commit is contained in:
freakoverse 2024-09-17 11:14:34 +00:00
parent 4175ebc010
commit 05adb00072
1 changed files with 23 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/styles/socialNav.css
View File

@ -12,6 +12,16 @@
transform: translateX(50%); transform: translateX(50%);
} }
@media (max-width: 576px) {
.socialNav {
transition: ease 0.4s;
right: 100%;
transform: translateX(100%);
width: 100%;
align-items: end;
}
}
.socialNavInside { .socialNavInside {
width: 100%; width: 100%;
padding: 10px; padding: 10px;
@ -27,6 +37,12 @@
max-width: 80vw; max-width: 80vw;
} }
@media (max-width: 576px) {
.socialNavInside {
max-width: unset;
}
}
.socialNavInside::-webkit-scrollbar { .socialNavInside::-webkit-scrollbar {
display: none; display: none;
} }
@ -62,6 +78,13 @@
grid-gap: 5px; grid-gap: 5px;
} }
@media (max-width: 576px) {
.socialNavInsideWrapper {
width: 100%;
justify-content: end;
}
}
.socialNavCollapse { .socialNavCollapse {
display: flex; display: flex;
flex-direction: column; flex-direction: column;