diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2021-10-23 11:34:41 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2021-10-23 11:34:41 +0900 |
| commit | a0b036a119549c5cfa6f258b13a2ae801d235eee (patch) | |
| tree | f3189c9a81e56ac1a64cab493b0971b9d846b02e /src/client | |
| parent | fix(client): ウィジェットを追加できない問題を修正 (diff) | |
| download | sharkey-a0b036a119549c5cfa6f258b13a2ae801d235eee.tar.gz sharkey-a0b036a119549c5cfa6f258b13a2ae801d235eee.tar.bz2 sharkey-a0b036a119549c5cfa6f258b13a2ae801d235eee.zip | |
:art:
Diffstat (limited to 'src/client')
| -rw-r--r-- | src/client/components/chart.vue | 28 |
1 files changed, 27 insertions, 1 deletions
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> |