]> git.immae.eu Git - github/Chocobozzz/PeerTube.git/blame - client/src/app/shared/video/abstract-video-list.scss
Add pagination to account video channels endpoint
[github/Chocobozzz/PeerTube.git] / client / src / app / shared / video / abstract-video-list.scss
CommitLineData
244e76a5 1@import '_mixins';
830b4faf 2@import '_miniature';
244e76a5 3
017c3dca
C
4.videos-header {
5 display: flex;
6 height: 80px;
7 align-items: center;
8
9 .title-page.title-page-single {
10 margin: 0 5px 0 0;
11 }
cc1561f9 12
c199c427 13 my-feed {
017c3dca 14 display: inline-block;
017c3dca 15 top: 1px;
9b4b15f9 16 min-width: 60px;
017c3dca
C
17 }
18
19 .moderation-block {
20 display: flex;
21 flex-grow: 1;
22 justify-content: flex-end;
23 align-items: center;
24 }
244e76a5
RK
25}
26
11dd0c2e
C
27.margin-content {
28 width: $video-miniature-width * 6;
2b3f1919 29 margin: auto !important;
11dd0c2e
C
30
31 @media screen and (max-width: 1800px) {
32 width: $video-miniature-width * 5;
33 }
34
35 @media screen and (max-width: 1800px - $video-miniature-width) {
36 width: $video-miniature-width * 4;
37 }
38
39 @media screen and (max-width: 1800px - (2* $video-miniature-width)) {
40 width: $video-miniature-width * 3;
41 }
42
43 @media screen and (max-width: 1800px - (3* $video-miniature-width)) {
44 width: $video-miniature-width * 2;
45 }
46
47 @media screen and (max-width: 500px) {
48 width: auto;
49 margin: 0 !important;
50
51 .videos {
52 @include video-miniature-small-screen;
53 }
7193ad10
C
54 }
55}
11dd0c2e 56