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 {
 | 
					  .simple_form {
 | 
				
			||||||
    max-width: 400px;
 | 
					    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 {
 | 
					.filters {
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Reference in a new issue