1
0

Make fallback icon grey

This commit is contained in:
Elscrux 2024-05-25 11:39:45 +02:00
parent 6543795755
commit 680cb72f29

View File

@ -1,14 +1,21 @@
<template>
<!-- Preview image -->
<img
v-if="blobUrl"
:src="blobUrl"
alt="Attachment preview"
>
<icon
<!-- Fallback -->
<div
v-else
class="icon-wrapper"
>
<icon
size="6x"
icon="file-image"
/>
</div>
</template>
<script setup lang="ts">
@ -44,4 +51,8 @@ img {
border-radius: $radius;
object-fit: cover;
}
.icon-wrapper {
color: var(--grey-500);
}
</style>