From d437e148db668c298e24a226d7bb1791d89b65e8 Mon Sep 17 00:00:00 2001 From: syuilo Date: Sat, 22 Apr 2023 12:50:40 +0900 Subject: [PATCH] :art: --- .../MkVisitorDashboard.ActiveUsersChart.vue | 157 ++++++++++++++++++ .../src/components/MkVisitorDashboard.vue | 29 ++-- packages/frontend/src/ui/visitor.vue | 2 +- 3 files changed, 174 insertions(+), 14 deletions(-) create mode 100644 packages/frontend/src/components/MkVisitorDashboard.ActiveUsersChart.vue diff --git a/packages/frontend/src/components/MkVisitorDashboard.ActiveUsersChart.vue b/packages/frontend/src/components/MkVisitorDashboard.ActiveUsersChart.vue new file mode 100644 index 0000000000..fb705786cf --- /dev/null +++ b/packages/frontend/src/components/MkVisitorDashboard.ActiveUsersChart.vue @@ -0,0 +1,157 @@ + + + + + diff --git a/packages/frontend/src/components/MkVisitorDashboard.vue b/packages/frontend/src/components/MkVisitorDashboard.vue index 80717a2618..9de5200ef0 100644 --- a/packages/frontend/src/components/MkVisitorDashboard.vue +++ b/packages/frontend/src/components/MkVisitorDashboard.vue @@ -1,6 +1,6 @@ @@ -57,6 +60,7 @@ import { i18n } from '@/i18n'; import { instance } from '@/instance'; import number from '@/filters/number'; import MkNumber from '@/components/MkNumber.vue'; +import XActiveUsersChart from '@/components/MkVisitorDashboard.ActiveUsersChart.vue'; let meta = $ref(); let stats = $ref(null); @@ -119,11 +123,14 @@ function exploreOtherServers() { padding: 32px 0 0 0; } -.main { +.panel { position: relative; background: var(--panel); border-radius: var(--radius); box-shadow: 0 12px 32px rgb(0 0 0 / 25%); +} + +.main { text-align: center; } @@ -185,11 +192,7 @@ function exploreOtherServers() { } .statsItem { - position: relative; - background: var(--panel); - border-radius: var(--radius); overflow: clip; - box-shadow: 0 12px 32px rgb(0 0 0 / 25%); padding: 16px 20px; } @@ -205,11 +208,7 @@ function exploreOtherServers() { } .tl { - position: relative; - background: var(--panel); - border-radius: var(--radius); overflow: clip; - box-shadow: 0 12px 32px rgb(0 0 0 / 25%); } .tlHeader { @@ -221,4 +220,8 @@ function exploreOtherServers() { height: 350px; overflow: auto; } + +.activeUsersChart { + +} diff --git a/packages/frontend/src/ui/visitor.vue b/packages/frontend/src/ui/visitor.vue index 1b95387967..623abbda39 100644 --- a/packages/frontend/src/ui/visitor.vue +++ b/packages/frontend/src/ui/visitor.vue @@ -10,7 +10,7 @@
-
+
{{ i18n.ts.home }} {{ i18n.ts.timeline }}