update left nav style so the title isn't so small on mobile
All checks were successful
ci/woodpecker/push/deploy Pipeline was successful

This commit is contained in:
Michael Zhang 2024-12-02 05:28:38 -06:00
parent ac672a54cf
commit 4dbbd79b06

View file

@ -72,15 +72,21 @@
}
}
// Small screen
@media screen and (max-width: variables.$breakpoint) {
.side-nav {
background: linear-gradient(to top, var(--sidebar-color) 50%, transparent);
.side-nav-content {
width: 100%;
padding: 18px 0;
padding: 18px;
box-sizing: border-box;
border-bottom: 1px solid var(--shadow-color);
.me {
flex-grow: 1;
}
.home-link {
display: flex;
justify-content: space-evenly;
@ -108,6 +114,7 @@
}
}
// Big screen
@media screen and (min-width: variables.$breakpoint) {
.side-nav {
// Capital Min to avoid invoking SCSS min
@ -139,4 +146,4 @@
}
}
}
}
}