X-Git-Url: https://git.piment-noir.org/?a=blobdiff_plain;f=ui%2Fweb%2Fsrc%2Fcomponents%2Fbuttons%2FToggleButton.vue;h=6d72ba10f04a3e874f63b4757b11d14dbc2ee112;hb=1fa3425af7b41fd728168fae1cef29d603767609;hp=8cdd1de7d4bd22e5d26968d0613288ffe8e29c99;hpb=3802683b5018295e8ebf6199939e43ac65db0763;p=e-mobility-charging-stations-simulator.git

diff --git a/ui/web/src/components/buttons/ToggleButton.vue b/ui/web/src/components/buttons/ToggleButton.vue
index 8cdd1de7..6d72ba10 100644
--- a/ui/web/src/components/buttons/ToggleButton.vue
+++ b/ui/web/src/components/buttons/ToggleButton.vue
@@ -21,7 +21,7 @@ const $emit = defineEmits(['clicked'])
 
 const id = props.shared === true ? `shared-toggle-button-${props.id}` : `toggle-button-${props.id}`
 
-const state = ref({
+const state = ref<{ status: boolean }>({
   status: getFromLocalStorage<boolean>(id, props.status ?? false)
 })
 
@@ -48,5 +48,6 @@ const click = (): void => {
 <style>
 .on {
   background-color: lightgrey;
+  border-style: inset;
 }
 </style>