forked from lavender/watch-party
		
	Make the chatbox take up more space in the vertical layout
This commit is contained in:
		
							parent
							
								
									ed953facb3
								
							
						
					
					
						commit
						19ef7911ae
					
				
					 1 changed files with 7 additions and 2 deletions
				
			
		|  | @ -49,7 +49,7 @@ video { | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| #video-container { | #video-container { | ||||||
|   flex-grow: 1; |   flex-grow: 0; | ||||||
|   flex-shrink: 1; |   flex-shrink: 1; | ||||||
|   display: none; |   display: none; | ||||||
| } | } | ||||||
|  | @ -233,7 +233,7 @@ button.small-button { | ||||||
| #chatbox-container { | #chatbox-container { | ||||||
|   background-color: var(--bg); |   background-color: var(--bg); | ||||||
|   flex-direction: column; |   flex-direction: column; | ||||||
|   flex-grow: 0; |   flex-grow: 1; | ||||||
|   flex-shrink: 1; |   flex-shrink: 1; | ||||||
|   flex-basis: 55ch; |   flex-basis: 55ch; | ||||||
|   overflow: hidden; |   overflow: hidden; | ||||||
|  | @ -329,6 +329,11 @@ input[type="color"]::-webkit-color-swatch-wrapper { | ||||||
| 
 | 
 | ||||||
|   #chatbox-container { |   #chatbox-container { | ||||||
|     height: 100vh !important; |     height: 100vh !important; | ||||||
|  |     flex-grow: 0; | ||||||
|  |   } | ||||||
|  | 
 | ||||||
|  |   #video-container { | ||||||
|  |     flex-grow: 1; | ||||||
|   } |   } | ||||||
| 
 | 
 | ||||||
|   #chatbox { |   #chatbox { | ||||||
|  |  | ||||||
		Loading…
	
		Reference in a new issue