diff options
author | Chocobozzz <me@florianbigard.com> | 2022-04-05 14:03:52 +0200 |
---|---|---|
committer | Chocobozzz <chocobozzz@cpy.re> | 2022-04-15 09:49:35 +0200 |
commit | 384ba8b77a8e4805c099f5ea12b41c2ca5776e26 (patch) | |
tree | 6b517033d9265d283677b85e0f57486e0e7fd8cf /client/src/app/+stats/video/video-stats.component.scss | |
parent | b211106695bb82f6c32e53306081b5262c3d109d (diff) | |
download | PeerTube-384ba8b77a8e4805c099f5ea12b41c2ca5776e26.tar.gz PeerTube-384ba8b77a8e4805c099f5ea12b41c2ca5776e26.tar.zst PeerTube-384ba8b77a8e4805c099f5ea12b41c2ca5776e26.zip |
Support videos stats in client
Diffstat (limited to 'client/src/app/+stats/video/video-stats.component.scss')
-rw-r--r-- | client/src/app/+stats/video/video-stats.component.scss | 54 |
1 files changed, 54 insertions, 0 deletions
diff --git a/client/src/app/+stats/video/video-stats.component.scss b/client/src/app/+stats/video/video-stats.component.scss new file mode 100644 index 000000000..190499b5c --- /dev/null +++ b/client/src/app/+stats/video/video-stats.component.scss | |||
@@ -0,0 +1,54 @@ | |||
1 | @use '_variables' as *; | ||
2 | @use '_mixins' as *; | ||
3 | @use '_nav' as *; | ||
4 | |||
5 | .overall-stats-embed { | ||
6 | display: flex; | ||
7 | justify-content: space-between; | ||
8 | } | ||
9 | |||
10 | .overall-stats { | ||
11 | display: flex; | ||
12 | flex-wrap: wrap; | ||
13 | } | ||
14 | |||
15 | .overall-stats-card { | ||
16 | display: flex; | ||
17 | justify-content: center; | ||
18 | align-items: center; | ||
19 | height: fit-content; | ||
20 | min-height: 100px; | ||
21 | min-width: 200px; | ||
22 | margin-right: 15px; | ||
23 | background-color: pvar(--submenuBackgroundColor); | ||
24 | |||
25 | .label, | ||
26 | .more-info { | ||
27 | font-size: 14px; | ||
28 | } | ||
29 | |||
30 | .label { | ||
31 | color: pvar(--greyForegroundColor); | ||
32 | font-weight: $font-semibold; | ||
33 | opacity: 0.8; | ||
34 | } | ||
35 | |||
36 | .value { | ||
37 | font-size: 24px; | ||
38 | font-weight: $font-semibold; | ||
39 | } | ||
40 | } | ||
41 | |||
42 | my-embed { | ||
43 | display: block; | ||
44 | max-width: 500px; | ||
45 | width: 100%; | ||
46 | } | ||
47 | |||
48 | .tab-content { | ||
49 | margin-top: 15px; | ||
50 | } | ||
51 | |||
52 | .nav-tabs { | ||
53 | @include peertube-nav-tabs($border-width: 2px); | ||
54 | } | ||