ami/tl-vikunja
1
0
Fork 0
Code

Make fallback icon grey

Browse Source
This commit is contained in:
Elscrux 2024-05-25 11:39:45 +02:00
parent 6543795755
commit 680cb72f29
1 changed files with 15 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
frontend/src/components/tasks/partials/file-preview.vue
View File

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