diff options
author | Chocobozzz <me@florianbigard.com> | 2020-06-11 14:33:33 +0200 |
---|---|---|
committer | Chocobozzz <me@florianbigard.com> | 2020-06-11 16:41:51 +0200 |
commit | cf78883c70dca99fc519374d55620d9403d482be (patch) | |
tree | f5a10b078414ba5f0f3562a945b3e6cce9524e3a /client/src/app/shared/video/video-miniature.component.scss | |
parent | 7e4022a554016ef7b8274f0473210e2232f5f455 (diff) | |
download | PeerTube-cf78883c70dca99fc519374d55620d9403d482be.tar.gz PeerTube-cf78883c70dca99fc519374d55620d9403d482be.tar.zst PeerTube-cf78883c70dca99fc519374d55620d9403d482be.zip |
Limit thumbnail sizes
Diffstat (limited to 'client/src/app/shared/video/video-miniature.component.scss')
-rw-r--r-- | client/src/app/shared/video/video-miniature.component.scss | 14 |
1 files changed, 10 insertions, 4 deletions
diff --git a/client/src/app/shared/video/video-miniature.component.scss b/client/src/app/shared/video/video-miniature.component.scss index 1e5580b9a..4e7c9fb57 100644 --- a/client/src/app/shared/video/video-miniature.component.scss +++ b/client/src/app/shared/video/video-miniature.component.scss | |||
@@ -19,16 +19,22 @@ $more-margin-right: 15px; | |||
19 | .video-miniature-information { | 19 | .video-miniature-information { |
20 | width: $video-miniature-width - $more-button-width - $more-margin-right; | 20 | width: $video-miniature-width - $more-button-width - $more-margin-right; |
21 | line-height: normal; | 21 | line-height: normal; |
22 | font-size: 13px; | 22 | |
23 | .avatar { | ||
24 | margin: 10px 10px 0 0; | ||
25 | |||
26 | img { | ||
27 | @include avatar(40px); | ||
28 | } | ||
29 | } | ||
23 | 30 | ||
24 | .video-miniature-name { | 31 | .video-miniature-name { |
25 | @include miniature-name; | 32 | @include miniature-name; |
26 | font-size: 110%; | ||
27 | } | 33 | } |
28 | 34 | ||
29 | .video-miniature-created-at-views { | 35 | .video-miniature-created-at-views { |
30 | display: block; | 36 | display: block; |
31 | font-size: 95%; | 37 | font-size: 13px; |
32 | } | 38 | } |
33 | 39 | ||
34 | .video-miniature-account, | 40 | .video-miniature-account, |
@@ -37,7 +43,7 @@ $more-margin-right: 15px; | |||
37 | @include ellipsis; | 43 | @include ellipsis; |
38 | 44 | ||
39 | display: block; | 45 | display: block; |
40 | font-size: 95%; | 46 | font-size: 13px; |
41 | color: pvar(--greyForegroundColor); | 47 | color: pvar(--greyForegroundColor); |
42 | 48 | ||
43 | &:hover { | 49 | &:hover { |