diff options
Diffstat (limited to 'client/src/app/videos/+video-watch/video-watch.component.scss')
-rw-r--r-- | client/src/app/videos/+video-watch/video-watch.component.scss | 32 |
1 files changed, 27 insertions, 5 deletions
diff --git a/client/src/app/videos/+video-watch/video-watch.component.scss b/client/src/app/videos/+video-watch/video-watch.component.scss index 7c694f2e2..4ce17209f 100644 --- a/client/src/app/videos/+video-watch/video-watch.component.scss +++ b/client/src/app/videos/+video-watch/video-watch.component.scss | |||
@@ -5,15 +5,37 @@ | |||
5 | background-color: #000; | 5 | background-color: #000; |
6 | display: flex; | 6 | display: flex; |
7 | justify-content: center; | 7 | justify-content: center; |
8 | height: 500px; | ||
8 | 9 | ||
9 | /deep/ .video-js { | 10 | @media screen and (max-width: 600px) { |
10 | width: 888px; | 11 | width: 100vw; |
11 | height: 500px; | 12 | height: calc(100vw / 1.7); // 16/9 |
13 | } | ||
14 | |||
15 | .remote-server-down { | ||
16 | color: #fff; | ||
17 | display: flex; | ||
18 | flex-direction: column; | ||
19 | align-items: center; | ||
20 | text-align: center; | ||
21 | justify-content: center; | ||
22 | background-color: #141313; | ||
23 | width: 100%; | ||
24 | height: 100%; | ||
25 | font-size: 24px; | ||
26 | |||
27 | @media screen and (max-width: 1000px) { | ||
28 | font-size: 20px; | ||
29 | } | ||
12 | 30 | ||
13 | @media screen and (max-width: 600px) { | 31 | @media screen and (max-width: 600px) { |
14 | width: 100vw; | 32 | font-size: 16px; |
15 | height: calc(100vw / 1.7); // 16/9 | ||
16 | } | 33 | } |
34 | } | ||
35 | |||
36 | /deep/ .video-js { | ||
37 | width: 888px; | ||
38 | height: 100%; | ||
17 | 39 | ||
18 | // VideoJS create an inner video player | 40 | // VideoJS create an inner video player |
19 | video { | 41 | video { |