style: minor SpoolmanCard color fix

Signed-off-by: Pedro Lamas <[email protected]>
fluidd-core · Oct 4, 2023 · 3566723 · 3566723
1 parent 5734323
commit 3566723
Showing 1 changed file with 10 additions and 3 deletions.
diff --git a/src/components/widgets/spoolman/SpoolmanCard.vue b/src/components/widgets/spoolman/SpoolmanCard.vue
@@ -98,10 +98,17 @@
           class="pa-0"
         >
           <v-icon
-            :color="`#${activeSpool?.filament.color_hex ?? ($vuetify.theme.dark ? 'fff' : '000')}`"
-            :size="activeSpool ? '110px' : '55px'"
+            v-if="activeSpool"
+            :color="activeSpool.filament.color_hex ? `#${activeSpool.filament.color_hex}` : undefined"
+            size="110px"
           >
-            {{ activeSpool ? '$filament' : '$progressQuestion' }}
+            $filament
+          </v-icon>
+          <v-icon
+            v-else
+            size="55px"
+          >
+            $progressQuestion
           </v-icon>
         </v-col>
       </v-row>