responsive
This commit is contained in:
		
							parent
							
								
									6bb6019ad5
								
							
						
					
					
						commit
						21e0e0dd9c
					
				
							
								
								
									
										11
									
								
								app.js
									
									
									
									
									
								
							
							
						
						
									
										11
									
								
								app.js
									
									
									
									
									
								
							| @ -107,6 +107,15 @@ const StyledRoot = styled.div` | |||||||
|             background: red; |             background: red; | ||||||
|         } |         } | ||||||
|     } |     } | ||||||
|  | 
 | ||||||
|  |     @media(max-width:500px) | ||||||
|  |     { | ||||||
|  |         flex-wrap: wrap; | ||||||
|  |         .Pointer | ||||||
|  |         { | ||||||
|  |             width: 100%; | ||||||
|  |         } | ||||||
|  |     } | ||||||
| } | } | ||||||
| .Alert | .Alert | ||||||
| { | { | ||||||
| @ -318,7 +327,7 @@ const BroadcastItem = ({item, previous, priority, selected, select}) => | |||||||
| 
 | 
 | ||||||
|     return html` |     return html` | ||||||
|     ${ partition } |     ${ partition } | ||||||
|     <div class="Broadcast" key=${item.id} onClick=${select}> |     <div class=${`Broadcast ${item.timeframe}`} key=${item.id}> | ||||||
|         <div class="Pointer">${ pointerText }</div> |         <div class="Pointer">${ pointerText }</div> | ||||||
|         <div class="Time">${item.start.Hours}:${item.start.Minutes} ${item.start.M}</div> |         <div class="Time">${item.start.Hours}:${item.start.Minutes} ${item.start.M}</div> | ||||||
|         <div class="Title">${item.name}</strong> |         <div class="Title">${item.name}</strong> | ||||||
|  | |||||||
		Loading…
	
		Reference in New Issue
	
	Block a user