michael/blog
1
0
Fork 0
Code Issues 2 Pull requests Releases Packages 1 Wiki Activity

sidebar styling
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
Details

Browse source
This commit is contained in:
Michael Zhang 2023-08-31 22:04:16 -05:00
parent c7c8be95b5
commit 62ad559dbd
1 changed files with 7 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/styles/leftNav.scss
View file

@ -91,15 +91,16 @@
@media screen and (min-width: variables.$breakpoint) { @media screen and (min-width: variables.$breakpoint) {
.side-nav { .side-nav {
position: sticky;
height: 100%;
left: 0;
top: 0;
// Capital Min to avoid invoking SCSS min // Capital Min to avoid invoking SCSS min
width: 300px; width: 300px;
min-width: 300px; min-width: 300px;
.side-nav-content { .side-nav-content {
height: 100vh;
position: sticky;
left: 0;
top: 0;
padding-top: 32px; padding-top: 32px;
padding-right: 32px; padding-right: 32px;
padding-left: 32px; padding-left: 32px;
@ -107,6 +108,8 @@
box-shadow: 10px 0 20px -10px var(--shadow-color); box-shadow: 10px 0 20px -10px var(--shadow-color);
flex-direction: column; flex-direction: column;
justify-content: flex-start;
a.portrait img { a.portrait img {
max-width: 100%; max-width: 100%;
} }