Make fallback icon grey
This commit is contained in:
parent
6543795755
commit
680cb72f29
@ -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>
|
Loading…
x
Reference in New Issue
Block a user