update left nav style so the title isn't so small on mobile
All checks were successful
ci/woodpecker/push/deploy Pipeline was successful
All checks were successful
ci/woodpecker/push/deploy Pipeline was successful
This commit is contained in:
parent
ac672a54cf
commit
4dbbd79b06
1 changed files with 9 additions and 2 deletions
|
@ -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 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
Loading…
Reference in a new issue