style fixes for search bar and title on mobile
This commit is contained in:
		
							parent
							
								
									76fdb3b4d8
								
							
						
					
					
						commit
						fd7c33c537
					
				
					 2 changed files with 3 additions and 3 deletions
				
			
		| 
						 | 
					@ -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…
	
	Add table
		Add a link
		
	
		Reference in a new issue