Center web app on larger windows sizes (#2021)
* center web app for larger screen sizes * move center app to components.scss * center app on larger window sizes * center .columns-area
This commit is contained in:
		
							parent
							
								
									e12bb39c20
								
							
						
					
					
						commit
						2e47fe3e1a
					
				
					 1 changed files with 5 additions and 8 deletions
				
			
		|  | @ -1189,6 +1189,7 @@ a.status__content__spoiler-link { | |||
| @media screen and (min-width: 1025px) { | ||||
|   .columns-area { | ||||
|     padding: 0; | ||||
|     margin: 0 auto; | ||||
|   } | ||||
| 
 | ||||
|   .column, .drawer { | ||||
|  | @ -1214,16 +1215,12 @@ a.status__content__spoiler-link { | |||
|   } | ||||
| } | ||||
| 
 | ||||
| @media screen and (min-width: 2560px) { | ||||
|   .columns-area { | ||||
|     justify-content: center; | ||||
|   } | ||||
| 
 | ||||
| @media screen and (min-width: 1900px) { | ||||
|   .column, .drawer { | ||||
|     width: 350px; | ||||
|     width: 400px; | ||||
|     border-radius: 4px; | ||||
|     height: 90vh; | ||||
|     margin-top: 5vh; | ||||
|     height: 96vh; | ||||
|     margin-top: 2vh; | ||||
|   } | ||||
| } | ||||
| 
 | ||||
|  |  | |||
		Reference in a new issue