widget-manager: ArmerButton color change when toggled

bluerobotics · Jan 5, 2024 · 83e744f · 83e744f
1 parent dc535e3
commit 83e744f
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/components/mini-widgets/ArmerButton.vue b/src/components/mini-widgets/ArmerButton.vue
@@ -11,7 +11,10 @@
           : 'justify-start bg-slate-800/60 text-slate-400 left-[4%]'
       "
     >
-      <span class="inline-block font-extrabold align-middle">
+      <span
+        class="inline-block font-extrabold align-middle"
+        :class="vehicleStore.isArmed === undefined ? '' : vehicleStore.isArmed ? 'text-green-700' : 'text-red-700'"
+      >
         {{ vehicleStore.isArmed === undefined ? '...' : vehicleStore.isArmed ? 'Armed' : 'Disarmed' }}
       </span>
     </div>