From 680cb72f293e60b5c4b4290af4dd9140e6888d81 Mon Sep 17 00:00:00 2001
From: Elscrux <nickposer2102@gmail.com>
Date: Sat, 25 May 2024 11:39:45 +0200
Subject: [PATCH] Make fallback icon grey

---
 .../tasks/partials/file-preview.vue           | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/tasks/partials/file-preview.vue b/frontend/src/components/tasks/partials/file-preview.vue
index 6cf953c3f..1512f3dd3 100644
--- a/frontend/src/components/tasks/partials/file-preview.vue
+++ b/frontend/src/components/tasks/partials/file-preview.vue
@@ -1,14 +1,21 @@
 <template>
+	<!-- Preview image -->
 	<img
 		v-if="blobUrl"
 		:src="blobUrl"
 		alt="Attachment preview"
 	>
-	<icon
+
+	<!-- Fallback -->
+	<div
 		v-else
-		size="6x"
-		icon="file-image"
-	/>
+		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>
\ No newline at end of file