Improve display of images that have not been resized dynamically. Relates to #1514
@@ -7,7 +7,7 @@
>
<div class="card-img">
<div class="selected-checkbox"><clr-icon shape="check-circle" size="32"></clr-icon></div>
- <img [src]="asset | assetPreview: 'thumb'" />
+ <img class="asset-thumb" [src]="asset | assetPreview: 'thumb'" />
</div>
<div class="detail">
<vdr-entity-info
@@ -28,6 +28,10 @@
position: relative;
}
+img.asset-thumb {
+ aspect-ratio: 1;
+}
+
.selected-checkbox {
opacity: 0;
position: absolute;
@@ -5,7 +5,7 @@
background-color: var(--clr-global-app-background);
-.content-area img {
+.content-area img, .modal-content img {
object-fit: cover;
width: 100%;
height: 100%;