From 274be560de32459020fb61e5d789e9176c090bde Mon Sep 17 00:00:00 2001 From: codecalm Date: Tue, 3 Nov 2020 23:36:47 +0100 Subject: [PATCH] homepage chart --- src/pages/_includes/layout/homepage.html | 50 +++++++++++++++++++++--- src/scss/ui/_progress.scss | 6 +++ 2 files changed, 50 insertions(+), 6 deletions(-) diff --git a/src/pages/_includes/layout/homepage.html b/src/pages/_includes/layout/homepage.html index 40c290ce8..20e88703c 100644 --- a/src/pages/_includes/layout/homepage.html +++ b/src/pages/_includes/layout/homepage.html @@ -13,16 +13,54 @@ {% include cards/charts/active-users.html %} -
-
-
-

Traffic summary

- {% include ui/chart.html chart-id="mentions" size="lg" legend=true %} +
+
+
+
+
+

Traffic summary

+ {% include ui/chart.html chart-id="mentions" size="lg" legend=true %} +
+
+
+
+
+
+

Using Storage 6854.45 MB of 8 GB

+
+
+
+
+
+
+
+ + Regular + 915MB +
+
+ + System + 415MB +
+
+ + Shared + 201MB +
+
+ + Free + 612MB +
+
+
+
-
+
{% include cards/map.html title="Top countries" %}
diff --git a/src/scss/ui/_progress.scss b/src/scss/ui/_progress.scss index 280e5a290..b87f8a8a0 100644 --- a/src/scss/ui/_progress.scss +++ b/src/scss/ui/_progress.scss @@ -59,3 +59,9 @@ animation: progress-indeterminate 2.1s cubic-bezier(.65, .815, .735, .395) infinite; } } + +.progress-separated { + .progress-bar { + border-right: 2px solid $white; + } +}