fix(chat): give transparent images transparent background (#4898)

Satellite-im · Sep 16, 2022 · 886c71e · 886c71e
1 parent dfd73a3
commit 886c71e
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/components/ui/Chat/Image/Image.html b/components/ui/Chat/Image/Image.html
@@ -16,6 +16,7 @@
     v-else-if="dataURL"
     class="image-container"
     :nsfw="attachment.nsfw"
+    transparent
   >
     <img
       :src="dataURL"

diff --git a/components/ui/ImageContainer/ImageContainer.vue b/components/ui/ImageContainer/ImageContainer.vue
@@ -1,5 +1,8 @@
 <template>
-  <div class="image-container" :class="{ nsfw: nsfw && blockNsfw }">
+  <div
+    class="image-container"
+    :class="{ nsfw: nsfw && blockNsfw, transparent: transparent }"
+  >
     <slot />
   </div>
 </template>
@@ -13,6 +16,10 @@ export default {
       type: Boolean,
       default: false,
     },
+    transparent: {
+      type: Boolean,
+      default: false,
+    },
   },
   computed: {
     blockNsfw(): boolean {
@@ -44,5 +51,9 @@ export default {
       filter: blur(40px);
     }
   }
+
+  &.transparent {
+    background: transparent;
+  }
 }
 </style>