diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2023-05-19 13:58:09 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2023-05-19 13:58:09 +0900 |
| commit | 6a5ef5b6f29eee9e36f42ac163f065880cd80e8b (patch) | |
| tree | 4667e309d270252f28bd8b645e3ca85750b89b76 /packages/frontend/src/components/MkChart.vue | |
| parent | :art: (diff) | |
| download | misskey-6a5ef5b6f29eee9e36f42ac163f065880cd80e8b.tar.gz misskey-6a5ef5b6f29eee9e36f42ac163f065880cd80e8b.tar.bz2 misskey-6a5ef5b6f29eee9e36f42ac163f065880cd80e8b.zip | |
refactor
Diffstat (limited to 'packages/frontend/src/components/MkChart.vue')
| -rw-r--r-- | packages/frontend/src/components/MkChart.vue | 34 |
1 files changed, 17 insertions, 17 deletions
diff --git a/packages/frontend/src/components/MkChart.vue b/packages/frontend/src/components/MkChart.vue index 06d5b9949a..00ff98774b 100644 --- a/packages/frontend/src/components/MkChart.vue +++ b/packages/frontend/src/components/MkChart.vue @@ -1,8 +1,8 @@ <template> -<div class="cbbedffa"> +<div :class="$style.root"> <canvas ref="chartEl"></canvas> <MkChartLegend ref="legendEl" style="margin-top: 8px;"/> - <div v-if="fetching" class="fetching"> + <div v-if="fetching" :class="$style.fetching"> <MkLoading/> </div> </div> @@ -817,22 +817,22 @@ onMounted(() => { /* eslint-enable id-denylist */ </script> -<style lang="scss" scoped> -.cbbedffa { +<style lang="scss" module> +.root { 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; - } +.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> |