diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2022-12-28 14:13:47 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2022-12-28 14:13:47 +0900 |
| commit | 8b73f215eba87eeb2080c6586378e3ad3fa90af2 (patch) | |
| tree | be20180992a7f47b393e30f0918ad82fa60714d5 /packages/frontend/src/components/MkInstanceStats.vue | |
| parent | refactor (diff) | |
| download | sharkey-8b73f215eba87eeb2080c6586378e3ad3fa90af2.tar.gz sharkey-8b73f215eba87eeb2080c6586378e3ad3fa90af2.tar.bz2 sharkey-8b73f215eba87eeb2080c6586378e3ad3fa90af2.zip | |
retention chart
Diffstat (limited to 'packages/frontend/src/components/MkInstanceStats.vue')
| -rw-r--r-- | packages/frontend/src/components/MkInstanceStats.vue | 13 |
1 files changed, 13 insertions, 0 deletions
diff --git a/packages/frontend/src/components/MkInstanceStats.vue b/packages/frontend/src/components/MkInstanceStats.vue index 41f6f9ffd5..f01bb7426c 100644 --- a/packages/frontend/src/components/MkInstanceStats.vue +++ b/packages/frontend/src/components/MkInstanceStats.vue @@ -44,6 +44,13 @@ </MkFolder> <MkFolder class="item"> + <template #header>Retention rate</template> + <div class="_panel" :class="$style.retention"> + <MkRetentionHeatmap/> + </div> + </MkFolder> + + <MkFolder class="item"> <template #header>Federation</template> <div :class="$style.federation"> <div class="pies"> @@ -88,6 +95,7 @@ import * as os from '@/os'; import { i18n } from '@/i18n'; import MkActiveUsersHeatmap from '@/components/MkActiveUsersHeatmap.vue'; import MkFolder from '@/components/MkFolder.vue'; +import MkRetentionHeatmap from '@/components/MkRetentionHeatmap.vue'; Chart.register( ArcElement, @@ -224,6 +232,11 @@ onMounted(() => { margin-bottom: 16px; } +.retention { + padding: 16px; + margin-bottom: 16px; +} + .federation { &:global { > .pies { |