fix: Unstretch the card image (#1157)

Fix #1156
This commit is contained in:
sgenoud 2019-04-20 16:52:14 +02:00 committed by Nolan Lawson
parent 9c3d5be2e7
commit 2ce2453d8f

View file

@ -5,7 +5,9 @@
{#if description}
<div class="card-content">
{#if imageUrl}
<LazyImage forceSize={true} height="50" width="50" src={imageUrl} ariaHidden={true} />
<div class="status-card-image-container">
<LazyImage src={imageUrl} ariaHidden={true} />
</div>
{/if}
<span class="card-description">
{description}
@ -49,6 +51,16 @@
opacity: 0.8;
}
.status-card-image-container {
position: relative;
width: 50px;
height: 50px;
}
:global(.status-card-image-container img) {
object-fit: cover;
}
.card-title {
font-weight: 600;
overflow: hidden;