highperfocused/bitmappery
1
0
Fork 0
mirror of https://github.com/igorski/bitmappery.git synced 2026-07-26 08:47:43 +02:00
Code Issues Packages Projects Releases Wiki Activity

Fix issue where S3 thumbnails would not all occupy the same dimensions

Browse Source
This commit is contained in:
Igor Zinken
2024-01-01 12:41:07 +01:00
parent c2204e0a3e
commit 61d14f1c12
1 changed files with 17 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/components/cloud-file-selector/aws-s3/aws-s3-image-preview.vue
View File

@@ -29,19 +29,17 @@
<p
v-if="hasNoThumb"
>{{ node.name }}</p>
<div v-else>
<img
v-if="isLoading"
src="../../../assets-inline/animations/loader.svg"
class="image-preview__loader"
/>
<img
v-else
:src="src"
class="image-preview__image"
@load="handleImageLoad"
/>
</div>
<img
v-if="isLoading"
src="../../../assets-inline/animations/loader.svg"
class="image-preview__loader"
/>
<img
v-else
:src="src"
class="image-preview__image"
@load="handleImageLoad"
/>
</div>
</template>
@@ -98,5 +96,11 @@ export default {
.image-preview {
background: url("../../../assets-inline/images/icon-bpy.svg") no-repeat 50% $spacing-xlarge;
background-size: 50%;
img {
width: 100%;
height: 100%;
object-fit: cover;
}
}
</style>