data.coop/pinafore
8
0
Fork 0
Code Issues 1 Pull requests Packages Projects Releases Wiki Activity

fix: Unstretch the card image (#1157)

Browse source 
Fix #1156
This commit is contained in:
sgenoud 2019-04-20 16:52:14 +02:00 committed by Nolan Lawson
parent 9c3d5be2e7
commit 2ce2453d8f
1 changed files with 13 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/routes/_components/status/StatusCard.html
View file

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