feat(SpoolmanCard): show color as header banner on small screens

Signed-off-by: Mathis Mensing <[email protected]>
fluidd-core · Jul 27, 2023 · 33a4528 · 33a4528
1 parent 88b50ac
commit 33a4528
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/src/components/widgets/spoolman/SpoolmanCard.vue b/src/components/widgets/spoolman/SpoolmanCard.vue
@@ -15,6 +15,13 @@
       </app-btn>
     </template>
 
+    <v-progress-linear
+      v-if="activeSpool && $vuetify.breakpoint.lgAndDown"
+      value="100"
+      :height="6"
+      :color="`#${activeSpool.filament.color_hex}`"
+    />
+
     <v-card-text>
       <v-row>
         <template v-if="activeSpool">
@@ -85,7 +92,7 @@
         </v-col>
 
         <v-col
-          v-if="$vuetify.breakpoint.lgAndUp"
+          v-if="$vuetify.breakpoint.xl"
           cols="auto"
           align-self="center"
           class="pa-0"