diff options
author | Chocobozzz <me@florianbigard.com> | 2019-05-29 16:45:59 +0200 |
---|---|---|
committer | Chocobozzz <me@florianbigard.com> | 2019-05-29 16:45:59 +0200 |
commit | c8487f3f63c90fbfddaa906b3cbd90fb209ab1bb (patch) | |
tree | 05675e3da02aebd2dea93105ab03c048bc2e8671 /client/src/app/+accounts/account-video-channels/account-video-channels.component.scss | |
parent | 91b6631984fa7097bd60aa013d1cf041d7b95f58 (diff) | |
download | PeerTube-c8487f3f63c90fbfddaa906b3cbd90fb209ab1bb.tar.gz PeerTube-c8487f3f63c90fbfddaa906b3cbd90fb209ab1bb.tar.zst PeerTube-c8487f3f63c90fbfddaa906b3cbd90fb209ab1bb.zip |
Improve account channel page
Set it as the default route for account page. The main goal is to better
differentiate the channel page from the account page. With the channel
page set as default, I hope people will better understand they are in
the account page, and that this account could have multiple channels.
Diffstat (limited to 'client/src/app/+accounts/account-video-channels/account-video-channels.component.scss')
-rw-r--r-- | client/src/app/+accounts/account-video-channels/account-video-channels.component.scss | 31 |
1 files changed, 7 insertions, 24 deletions
diff --git a/client/src/app/+accounts/account-video-channels/account-video-channels.component.scss b/client/src/app/+accounts/account-video-channels/account-video-channels.component.scss index 0c6de2efa..f2604684e 100644 --- a/client/src/app/+accounts/account-video-channels/account-video-channels.component.scss +++ b/client/src/app/+accounts/account-video-channels/account-video-channels.component.scss | |||
@@ -1,30 +1,13 @@ | |||
1 | @import '_variables'; | 1 | @import '_variables'; |
2 | @import '_mixins'; | 2 | @import '_mixins'; |
3 | @import '_miniature'; | ||
3 | 4 | ||
4 | .row { | 5 | .margin-content { |
5 | justify-content: center; | 6 | @include adapt-margin-content-width; |
6 | } | 7 | } |
7 | 8 | ||
8 | a.video-channel { | 9 | .section { |
9 | @include disable-default-a-behaviour; | 10 | @include miniature-rows; |
10 | 11 | ||
11 | display: inline-block; | 12 | padding-top: 0 !important; |
12 | text-align: center; | 13 | } |
13 | color: var(--mainForegroundColor); | ||
14 | margin: 10px 30px; | ||
15 | |||
16 | img { | ||
17 | @include avatar(80px); | ||
18 | |||
19 | margin-bottom: 10px; | ||
20 | } | ||
21 | |||
22 | .video-channel-display-name { | ||
23 | font-size: 20px; | ||
24 | font-weight: $font-bold; | ||
25 | } | ||
26 | |||
27 | .video-channel-followers { | ||
28 | font-size: 15px; | ||
29 | } | ||
30 | } \ No newline at end of file | ||