Fix settings design on mobile
This commit is contained in:
		
							parent
							
								
									23b997ae55
								
							
						
					
					
						commit
						9b2c728251
					
				
					 1 changed files with 24 additions and 0 deletions
				
			
		| 
						 | 
				
			
			@ -108,6 +108,30 @@
 | 
			
		|||
  .simple_form {
 | 
			
		||||
    max-width: 400px;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  @media screen and (max-width: 600px) {
 | 
			
		||||
    display: block;
 | 
			
		||||
    overflow-y: auto;
 | 
			
		||||
 | 
			
		||||
    .sidebar-wrapper, .content-wrapper {
 | 
			
		||||
      flex: 0 0 auto;
 | 
			
		||||
      height: auto;
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    .sidebar {
 | 
			
		||||
      width: 100%;
 | 
			
		||||
      padding: 10px 0;
 | 
			
		||||
      height: auto;
 | 
			
		||||
 | 
			
		||||
      .logo {
 | 
			
		||||
        margin: 20px auto;
 | 
			
		||||
      }
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    .content {
 | 
			
		||||
      padding-top: 20px;
 | 
			
		||||
    }
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.filters {
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Reference in a new issue