aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/shared/video/video-miniature.component.scss
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2020-06-11 14:33:33 +0200
committerChocobozzz <me@florianbigard.com>2020-06-11 16:41:51 +0200
commitcf78883c70dca99fc519374d55620d9403d482be (patch)
treef5a10b078414ba5f0f3562a945b3e6cce9524e3a /client/src/app/shared/video/video-miniature.component.scss
parent7e4022a554016ef7b8274f0473210e2232f5f455 (diff)
downloadPeerTube-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.scss14
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 {