style fixes for search bar and title on mobile

This commit is contained in:
Jacky Zhao 2023-07-23 11:19:15 -07:00
parent 3e08318c65
commit 88e040c290
2 changed files with 3 additions and 3 deletions

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;

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;
} }
} }