Feat/migrate to daisy (#10)
* feat: init daisyui! * feat: change theme and colors * change dark theme and add colors
This commit is contained in:
@@ -1,25 +1,6 @@
|
||||
<script setup lang="ts">
|
||||
import { withDefaults } from 'vue'
|
||||
|
||||
withDefaults(
|
||||
defineProps<{
|
||||
light?: boolean
|
||||
}>(),
|
||||
{
|
||||
light: false
|
||||
}
|
||||
)
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="lite-loading">
|
||||
<img
|
||||
v-if="light"
|
||||
class="is-loading"
|
||||
src="/assets/loading-white.svg"
|
||||
alt="loading..."
|
||||
/>
|
||||
<img v-else class="is-loading" src="/assets/loading.svg" alt="loading..." />
|
||||
<span class="loading loading-spinner"></span>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -29,9 +10,5 @@ withDefaults(
|
||||
flex: 1;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
.is-loading {
|
||||
animation: spinAround 0.8s infinite linear;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user