tomoyanonymous/quartz-research-note
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style fixes for search bar and title on mobile

Browse Source
This commit is contained in:
Jacky Zhao 2023-07-23 11:19:15 -07:00
parent 76fdb3b4d8
commit fd7c33c537
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
quartz/components/styles/search.scss
View File

@ -1,7 +1,7 @@
@use "../../styles/variables.scss" as *; @use "../../styles/variables.scss" as *;
.search { .search {
min-width: 5rem; min-width: fit-content;
max-width: 14rem; max-width: 14rem;
flex-grow: 0.3; flex-grow: 0.3;

4
quartz/styles/base.scss
View File

@ -125,14 +125,14 @@ a {
flex-direction: row; flex-direction: row;
padding: 0; padding: 0;
width: initial; width: initial;
margin-top: 4rem; margin-top: 2rem;
} }
} }
& .sidebar.left { & .sidebar.left {
left: calc(calc(100vw - $pageWidth) / 2 - $sidePanelWidth); left: calc(calc(100vw - $pageWidth) / 2 - $sidePanelWidth);
@media all and (max-width: $fullPageWidth) { @media all and (max-width: $fullPageWidth) {
gap: 1rem; gap: 0rem;
align-items: center; align-items: center;
} }
} }