diff options
author | Chocobozzz <me@florianbigard.com> | 2019-02-20 13:59:31 +0100 |
---|---|---|
committer | Chocobozzz <me@florianbigard.com> | 2019-02-20 13:59:31 +0100 |
commit | e5fc7811ae0b0513470add9dbe237755bec7cceb (patch) | |
tree | 7ce59f8cb9b389d27256b2032d3316d1c2eeb686 | |
parent | bbe697cac4eef0070303f0cb96a013049cb5b837 (diff) | |
download | PeerTube-e5fc7811ae0b0513470add9dbe237755bec7cceb.tar.gz PeerTube-e5fc7811ae0b0513470add9dbe237755bec7cceb.tar.zst PeerTube-e5fc7811ae0b0513470add9dbe237755bec7cceb.zip |
Increase thumbnails size
5 files changed, 8 insertions, 8 deletions
diff --git a/client/src/app/shared/video/abstract-video-list.ts b/client/src/app/shared/video/abstract-video-list.ts index b0633be4a..2cd5bc393 100644 --- a/client/src/app/shared/video/abstract-video-list.ts +++ b/client/src/app/shared/video/abstract-video-list.ts | |||
@@ -41,8 +41,8 @@ export abstract class AbstractVideoList implements OnInit, OnDestroy { | |||
41 | displayModerationBlock = false | 41 | displayModerationBlock = false |
42 | titleTooltip: string | 42 | titleTooltip: string |
43 | 43 | ||
44 | protected baseVideoWidth = 215 | 44 | protected baseVideoWidth = 238 |
45 | protected baseVideoHeight = 205 | 45 | protected baseVideoHeight = 225 |
46 | 46 | ||
47 | protected abstract notifier: Notifier | 47 | protected abstract notifier: Notifier |
48 | protected abstract authService: AuthService | 48 | protected abstract authService: AuthService |
diff --git a/client/src/app/shared/video/video-miniature.component.scss b/client/src/app/shared/video/video-miniature.component.scss index f44bdf9a9..66e59e6d3 100644 --- a/client/src/app/shared/video/video-miniature.component.scss +++ b/client/src/app/shared/video/video-miniature.component.scss | |||
@@ -5,7 +5,7 @@ | |||
5 | display: inline-block; | 5 | display: inline-block; |
6 | padding-right: 15px; | 6 | padding-right: 15px; |
7 | margin-bottom: 30px; | 7 | margin-bottom: 30px; |
8 | height: 175px; | 8 | height: 195px; |
9 | vertical-align: top; | 9 | vertical-align: top; |
10 | 10 | ||
11 | .video-miniature-information { | 11 | .video-miniature-information { |
diff --git a/client/src/app/shared/video/video-thumbnail.component.scss b/client/src/app/shared/video/video-thumbnail.component.scss index 4772edaf0..97a0e72ed 100644 --- a/client/src/app/shared/video/video-thumbnail.component.scss +++ b/client/src/app/shared/video/video-thumbnail.component.scss | |||
@@ -4,7 +4,7 @@ | |||
4 | .video-thumbnail { | 4 | .video-thumbnail { |
5 | display: inline-block; | 5 | display: inline-block; |
6 | position: relative; | 6 | position: relative; |
7 | border-radius: 4px; | 7 | border-radius: 3px; |
8 | overflow: hidden; | 8 | overflow: hidden; |
9 | width: $video-thumbnail-width; | 9 | width: $video-thumbnail-width; |
10 | height: $video-thumbnail-height; | 10 | height: $video-thumbnail-height; |
diff --git a/client/src/sass/include/_variables.scss b/client/src/sass/include/_variables.scss index 3780b7501..56ca4c2d3 100644 --- a/client/src/sass/include/_variables.scss +++ b/client/src/sass/include/_variables.scss | |||
@@ -44,8 +44,8 @@ $footer-margin: 30px; | |||
44 | 44 | ||
45 | $footer-border-color: $header-border-color; | 45 | $footer-border-color: $header-border-color; |
46 | 46 | ||
47 | $video-thumbnail-height: 110px; | 47 | $video-thumbnail-height: 122px; |
48 | $video-thumbnail-width: 200px; | 48 | $video-thumbnail-width: 223px; |
49 | 49 | ||
50 | $theater-bottom-space: 115px; | 50 | $theater-bottom-space: 115px; |
51 | 51 | ||
diff --git a/server/initializers/constants.ts b/server/initializers/constants.ts index 3656a23f9..c1be7f326 100644 --- a/server/initializers/constants.ts +++ b/server/initializers/constants.ts | |||
@@ -610,8 +610,8 @@ let STATIC_MAX_AGE = '2h' | |||
610 | 610 | ||
611 | // Videos thumbnail size | 611 | // Videos thumbnail size |
612 | const THUMBNAILS_SIZE = { | 612 | const THUMBNAILS_SIZE = { |
613 | width: 200, | 613 | width: 223, |
614 | height: 110 | 614 | height: 112 |
615 | } | 615 | } |
616 | const PREVIEWS_SIZE = { | 616 | const PREVIEWS_SIZE = { |
617 | width: 560, | 617 | width: 560, |