style fixes for search bar and title on mobile
This commit is contained in:
parent
76fdb3b4d8
commit
fd7c33c537
@ -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;
|
||||||
|
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user