added spinner into dashboard AlertBox.vue

This commit is contained in:
Čarodej
2022-03-31 13:03:29 +02:00
parent 2ce165dd65
commit 1615be340a
38 changed files with 88 additions and 83 deletions

View File

@@ -1,7 +1,7 @@
<template>
<button class="button-base" :class="buttonStyle" type="button">
<div v-if="loading" class="icon">
<refresh-cw-icon size="16" class="sync-alt" />
<refresh-cw-icon size="16" class="animate-spin" />
</div>
<div class="content">
<slot v-if="!loading"></slot>
@@ -93,19 +93,6 @@ export default {
}
}
.sync-alt {
animation: spin 1s linear infinite;
}
@keyframes spin {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.dark {
.button-base {
&.secondary {