aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/+videos/+video-watch/recommendations/recommended-videos.component.scss
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2021-06-29 17:18:30 +0200
committerChocobozzz <me@florianbigard.com>2021-06-29 17:18:39 +0200
commit911186dae411d78788ccede093c251303187589a (patch)
tree967a07cd985ae4e2ea5249855726455fe929471d /client/src/app/+videos/+video-watch/recommendations/recommended-videos.component.scss
parentb0c43e36dbdc2c964f6828a78b146faebfb75b21 (diff)
downloadPeerTube-911186dae411d78788ccede093c251303187589a.tar.gz
PeerTube-911186dae411d78788ccede093c251303187589a.tar.zst
PeerTube-911186dae411d78788ccede093c251303187589a.zip
Reorganize watch components
Diffstat (limited to 'client/src/app/+videos/+video-watch/recommendations/recommended-videos.component.scss')
-rw-r--r--client/src/app/+videos/+video-watch/recommendations/recommended-videos.component.scss68
1 files changed, 0 insertions, 68 deletions
diff --git a/client/src/app/+videos/+video-watch/recommendations/recommended-videos.component.scss b/client/src/app/+videos/+video-watch/recommendations/recommended-videos.component.scss
deleted file mode 100644
index 84ed25ae8..000000000
--- a/client/src/app/+videos/+video-watch/recommendations/recommended-videos.component.scss
+++ /dev/null
@@ -1,68 +0,0 @@
1@use '_variables' as *;
2@use '_mixins' as *;
3
4.title-page-container {
5 display: flex;
6 justify-content: space-between;
7 align-items: baseline;
8 margin-bottom: 25px;
9 flex-wrap: wrap-reverse;
10
11 .title-page.active,
12 .title-page.title-page-single {
13 @include margin-right(.5rem !important);
14
15 margin-bottom: unset;
16 }
17}
18
19.title-page {
20 margin-top: 0;
21}
22
23.title-page-autoplay {
24 @include margin-left(auto);
25
26 display: flex;
27 width: max-content;
28 height: max-content;
29 align-items: center;
30
31 span {
32 @include margin-right(0.3rem);
33
34 text-transform: uppercase;
35 font-size: 85%;
36 font-weight: 600;
37 }
38}
39
40hr {
41 margin-top: 0;
42}
43
44my-video-miniature {
45 display: block;
46}
47
48.other-videos:not(.display-as-row) my-video-miniature {
49 min-width: $video-thumbnail-medium-width;
50 max-width: $video-thumbnail-medium-width;
51}
52
53.display-as-row {
54 my-video-miniature {
55 margin-bottom: 20px;
56 }
57
58 hr {
59 display: none;
60 }
61
62 @media screen and (max-width: $mobile-view) {
63 my-video-miniature {
64 margin-bottom: 10px;
65 }
66 }
67}
68