limepotato/jormungandr-bite
1
0
Fork 0
mirror of https://iceshrimp.dev/limepotato/jormungandr-bite.git synced 2024-11-26 11:57:34 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

🎨

Browse source
This commit is contained in:
syuilo 2021-10-23 11:34:41 +09:00
parent 49c885e213
commit 442b9fbbd8
1 changed files with 27 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
src/client/components/chart.vue
View file

@ -1,5 +1,10 @@
<template> <template>
<canvas ref="chartEl"></canvas> <div class="cbbedffa">
<canvas ref="chartEl"></canvas>
<div v-if="fetching" class="fetching">
<MkLoading/>
</div>
</div>
</template> </template>
<script lang="ts"> <script lang="ts">
@ -622,7 +627,28 @@ export default defineComponent({
return { return {
chartEl, chartEl,
fetching,
}; };
}, },
}); });
</script> </script>
<style lang="scss" scoped>
.cbbedffa {
position: relative;
> .fetching {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-backdrop-filter: var(--blur, blur(12px));
backdrop-filter: var(--blur, blur(12px));
display: flex;
justify-content: center;
align-items: center;
cursor: wait;
}
}
</style>