build(deps-dev): apply updates

[e-mobility-charging-stations-simulator.git] / ui / web / src / components / buttons / ReloadButton.vue

diff --git a/ui/web/src/components/buttons/ReloadButton.vue b/ui/web/src/components/buttons/ReloadButton.vue
index 91ef548324ac0fa3ca4bc66ae94707b74c2a6f0b..385e145462d369744e1757b04f9c48abca4a82c0 100644 (file)
--- a/ui/web/src/components/buttons/ReloadButton.vue
+++ b/ui/web/src/components/buttons/ReloadButton.vue
@@ -1,15 +1,15 @@
 <template>
-  <FlatButton>
-    <span style="display: inline-block" :class="{ spin: props.loading }"> &#8635; </span>
-  </FlatButton>
+  <Button>
+    <span :class="{ spin: loading }"> &#8635; </span>
+  </Button>
 </template>
 
 <script setup lang="ts">
-import FlatButton from '@/components/buttons/FlatButton.vue';
+import Button from '@/components/buttons/Button.vue'
 
-const props = defineProps<{
-  loading: boolean;
-}>();
+defineProps<{
+  loading: boolean
+}>()
 </script>
 
 <style>
@@ -23,9 +23,6 @@ const props = defineProps<{
 }
 
 .spin {
-  animation-name: rotation;
-  animation-duration: 2s;
-  animation-iteration-count: infinite;
-  animation-timing-function: linear;
+  animation: rotation 2s linear infinite;
 }
 </style>