From a0b036a119549c5cfa6f258b13a2ae801d235eee Mon Sep 17 00:00:00 2001
From: syuilo <Syuilotan@yahoo.co.jp>
Date: Sat, 23 Oct 2021 11:34:41 +0900
Subject: [PATCH] :art:
---
src/client/components/chart.vue | 28 +++++++++++++++++++++++++++-
1 file changed, 27 insertions(+), 1 deletion(-)
diff --git a/src/client/components/chart.vue b/src/client/components/chart.vue
index 8eb9f93f33..2b94bd679d 100644
--- a/src/client/components/chart.vue
+++ b/src/client/components/chart.vue
@@ -1,5 +1,10 @@
<template>
-<canvas ref="chartEl"></canvas>
+<div class="cbbedffa">
+ <canvas ref="chartEl"></canvas>
+ <div v-if="fetching" class="fetching">
+ <MkLoading/>
+ </div>
+</div>
</template>
<script lang="ts">
@@ -622,7 +627,28 @@ export default defineComponent({
return {
chartEl,
+ fetching,
};
},
});
</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>
--
GitLab