ui/web/src/components/buttons/ReloadButton.vue

   1 <template>
   2   <Button>
   3     <span :class="{ spin: loading }"> &#8635; </span>
   4   </Button>
   5 </template>
   6
   7 <script setup lang="ts">
   8 import Button from '@/components/buttons/Button.vue'
   9
  10 defineProps<{
  11   loading: boolean
  12 }>()
  13 </script>
  14
  15 <style>
  16 @keyframes rotation {
  17   from {
  18     transform: rotate(0deg);
  19   }
  20   to {
  21     transform: rotate(360deg);
  22   }
  23 }
  24
  25 .spin {
  26   animation: rotation 2s linear infinite;
  27 }
  28 </style>