[Glitch] Display fallback link card thumbnail when none is given

Port 1512af2811 to glitch-soc
This commit is contained in:
Thibaut Girka 2019-01-10 20:19:45 +01:00
parent a2a64ecd3e
commit 2b2584a37b
2 changed files with 15 additions and 0 deletions

View File

@ -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 (

View File

@ -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 {