style fixes for search bar and title on mobile

Jacky Zhao

2023-07-23 fd7c33c5372dd61283fc44f4dccbff0e71fcbf5b

style fixes for search bar and title on mobile

 quartz/components/styles/search.scss

@@ -1,7 +1,7 @@
@use "../../styles/variables.scss" as *;

.search {
  min-width: 5rem;
  min-width: fit-content;
  max-width: 14rem;
  flex-grow: 0.3;


 quartz/styles/base.scss

@@ -125,14 +125,14 @@
        flex-direction: row;
        padding: 0;
        width: initial;
        margin-top: 4rem;
        margin-top: 2rem;
      }
    }

    & .sidebar.left {
      left: calc(calc(100vw - $pageWidth) / 2 - $sidePanelWidth);
      @media all and (max-width: $fullPageWidth) {
        gap: 1rem;
        gap: 0rem;
        align-items: center;
      }
    }