Commit | Line | Data |
---|---|---|
32de5a57 | 1 | <template> |
3802683b | 2 | <Button> |
3b0c6e17 | 3 | <span :class="{ spin: loading }"> ↻ </span> |
3802683b | 4 | </Button> |
32de5a57 LM |
5 | </template> |
6 | ||
7 | <script setup lang="ts"> | |
3802683b | 8 | import Button from '@/components/buttons/Button.vue' |
32de5a57 | 9 | |
878855a2 | 10 | defineProps<{ |
66a7748d JB |
11 | loading: boolean |
12 | }>() | |
32de5a57 LM |
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 { | |
c6308554 | 26 | animation: rotation 2s linear infinite; |
32de5a57 LM |
27 | } |
28 | </style> |