update mobile optimizations and increase max width
All checks were successful
Static / build (push) Successful in 13s

This commit is contained in:
brooke 2024-11-11 15:34:23 -05:00
parent 7889a172a4
commit 99cd543ec8
2 changed files with 13 additions and 5 deletions

View file

@ -116,9 +116,9 @@
</li> </li>
</ul> </ul>
</ul> </ul>
<ul class="custom-bullet"> <ul class="links">
<p>Projects</p> <p>Projects</p>
<ul> <ul class="custom-bullet">
<li> <li>
<a href="https://mirnet.org" target="_blank">Movement Infrastructure Research<svg class="text-icon" viewBox="0 0 512 512"> <a href="https://mirnet.org" target="_blank">Movement Infrastructure Research<svg class="text-icon" viewBox="0 0 512 512">
<path <path

View file

@ -56,6 +56,14 @@ body,
top: 50%; top: 50%;
transform: translate(50%, -50%); transform: translate(50%, -50%);
} }
.links {
padding: 0;
}
.dashboard {
flex-direction: column !important;
}
} }
.center-text { .center-text {
@ -67,15 +75,15 @@ body,
text-align: left; text-align: left;
z-index: 10; z-index: 10;
background-color: #241917; background-color: #241917;
max-width: 30rem; max-width: 35rem;
top: 30%; top: 30%;
left: 15%; left: 15%;
} }
@media only screen and (max-width: 625px) { @media only screen and (max-width: 625px) {
.center-text { .center-text {
left: 15px; left: 2px;
right: 15px; right: 2px;
margin-left: 0; margin-left: 0;
margin-top: 0; margin-top: 0;
max-width: 100vw; max-width: 100vw;