fixed spool div size

mainsail-crew · Dec 15, 2024 · 9454a4b · 9454a4b
1 parent 610ef22
commit 9454a4b
Showing 1 changed file with 5 additions and 8 deletions.
diff --git a/src/components/panels/AfcPanel.vue b/src/components/panels/AfcPanel.vue
@@ -76,17 +76,15 @@
                                      :key="index"
                                      class="spool-card">
                                     <div class="filament-reel"
-                                         style="padding: 1rem"
+                                         style="padding: 5px; width: 50%;"
                                          :key="index"
                                          @click="openChangeSpoolDialog(spool)">
                                         <FilamentReelIcon v-if="spool.load"
                                                           :color="spool.color"
-                                                          style="width: 60%; float: left"
-                                                          class="mr-3" />
+                                                          style="width: 100%; float: left"/>
                                         <FilamentReelIcon v-else
-                                                          style="width: 60%; float: left"
-                                                          :color='spool.empty'
-                                                          class="mr-3" />
+                                                          style="width: 100%; float: left"
+                                                          :color='spool.empty'/>
                                     </div>
                                     <div class="spool-header">
                                         <span style="color:red" v-if="!spool.load && !spool.prep && !spool.tool_loaded">
@@ -408,8 +406,7 @@ export default class AfcPanel extends Mixins(BaseMixin) {
 
     .filament-reel {
         position: absolute;
-        bottom: -10px;
-        left: -10px;
+        bottom: 10px;
     }
 
     .spool-card p {