[Glitch] Display fallback link card thumbnail when none is given
Port 1512af2811
to glitch-soc
pull/885/head
parent
a2a64ecd3e
commit
2b2584a37b
|
@ -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 New Issue