Fix content sizing to not allow empty scrolling, make panel-switcher not grow on mobile
This commit is contained in:
		
							parent
							
								
									222b0aa982
								
							
						
					
					
						commit
						1ade284293
					
				
					 1 changed files with 8 additions and 11 deletions
				
			
		
							
								
								
									
										19
									
								
								src/App.scss
									
									
									
									
									
								
							
							
						
						
									
										19
									
								
								src/App.scss
									
									
									
									
									
								
							|  | @ -16,7 +16,12 @@ h4 { | |||
| } | ||||
| 
 | ||||
| #content { | ||||
|     padding-top: 60px; | ||||
|   box-sizing: border-box; | ||||
|   padding-top: 60px; | ||||
|   margin: auto; | ||||
|   min-height: 100vh; | ||||
|   max-width: 980px; | ||||
|   background-color: rgba(0,0,0,0.15); | ||||
| } | ||||
| 
 | ||||
| .text-center { | ||||
|  | @ -157,15 +162,6 @@ main-router { | |||
|     margin: 0; | ||||
| } | ||||
| 
 | ||||
| 
 | ||||
| #content { | ||||
|     margin: auto; | ||||
|     min-height: 100vh; | ||||
|     max-width: 980px; | ||||
|     padding-bottom: 1em; | ||||
|     background-color: rgba(0,0,0,0.1); | ||||
| } | ||||
| 
 | ||||
| .container > * { | ||||
|     min-width: 0px; | ||||
| } | ||||
|  | @ -210,10 +206,11 @@ nav { | |||
| .panel-switcher { | ||||
|     display: none; | ||||
|     width: 100%; | ||||
| 
 | ||||
|     height: 46px; | ||||
|     button { | ||||
|         display: block; | ||||
|         flex: 1; | ||||
|         max-height: 32px; | ||||
|         margin: 0.5em; | ||||
|         padding: 0.5em; | ||||
|     } | ||||
|  |  | |||
		Loading…
	
		Reference in a new issue
	
	 shpuld
						shpuld