[Glitch] Display fallback link card thumbnail when none is given
Port 1512af2811 to glitch-soc
			
			
This commit is contained in:
		
							parent
							
								
									a2a64ecd3e
								
							
						
					
					
						commit
						2b2584a37b
					
				
					 2 changed files with 15 additions and 0 deletions
				
			
		|  | @ -195,6 +195,12 @@ export default class Card extends React.PureComponent { | ||||||
|           {thumbnail} |           {thumbnail} | ||||||
|         </div> |         </div> | ||||||
|       ); |       ); | ||||||
|  |     } else { | ||||||
|  |       embed = ( | ||||||
|  |         <div className='status-card__image'> | ||||||
|  |           <i className='fa fa-file-text' /> | ||||||
|  |         </div> | ||||||
|  |       ); | ||||||
|     } |     } | ||||||
| 
 | 
 | ||||||
|     return ( |     return ( | ||||||
|  |  | ||||||
|  | @ -740,6 +740,15 @@ a.status-card { | ||||||
|   flex: 0 0 100px; |   flex: 0 0 100px; | ||||||
|   background: lighten($ui-base-color, 8%); |   background: lighten($ui-base-color, 8%); | ||||||
|   position: relative; |   position: relative; | ||||||
|  | 
 | ||||||
|  |   .fa { | ||||||
|  |     font-size: 21px; | ||||||
|  |     position: absolute; | ||||||
|  |     transform-origin: 50% 50%; | ||||||
|  |     top: 50%; | ||||||
|  |     left: 50%; | ||||||
|  |     transform: translate(-50%, -50%); | ||||||
|  |   } | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| .status-card.horizontal { | .status-card.horizontal { | ||||||
|  |  | ||||||
		Loading…
	
		Reference in a new issue