Improve: media/image - background

sakura-tel · Dec 25, 2022 · 7a97403 · 7a97403
1 parent dabf44c
commit 7a97403
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/src/client/app/common/views/components/img-with-blurhash.vue b/src/client/app/common/views/components/img-with-blurhash.vue
@@ -71,7 +71,7 @@ export default Vue.extend({
 	> canvas
 		width 100%
 		height 100%
-		object-fit contain
+		object-fit cover
 
 	> img
 		width 100%

diff --git a/src/client/app/common/views/components/media-image.vue b/src/client/app/common/views/components/media-image.vue
@@ -13,7 +13,7 @@
 	:title="image.name"
 	@click.prevent="onClick"
 >
-	<img-with-blurhash :hash="image.blurhash" :src="url" :alt="image.name" :title="image.name"/>
+	<img-with-blurhash class="img" :hash="image.blurhash" :src="url" :alt="image.name" :title="image.name"/>
 	<div class="gif" v-if="image.type === 'image/gif'">GIF</div>
 </a>
 </template>
@@ -106,6 +106,10 @@ export default Vue.extend({
 	background-size contain
 	background-repeat no-repeat
 
+	> .img
+		color var(--text)
+		background-color var(--bg)
+
 	> .gif
 		background-color var(--text)
 		border-radius 6px