]> git.immae.eu Git - github/Chocobozzz/PeerTube.git/blame - client/src/app/+my-account/my-account-video-channels/my-account-video-channels.component.scss
Don't call watching endpoint if history is disabled
[github/Chocobozzz/PeerTube.git] / client / src / app / +my-account / my-account-video-channels / my-account-video-channels.component.scss
CommitLineData
08c1efbe
C
1@import '_variables';
2@import '_mixins';
3
4.create-button {
695237b2 5 @include create-button('../../../assets/images/global/add.svg');
08c1efbe
C
6}
7
8/deep/ .action-button {
9 &.action-button-delete {
10 margin-right: 10px;
11 }
12}
13
14.video-channel {
22a16e36 15 @include row-blocks;
08c1efbe
C
16
17 img {
18 @include avatar(80px);
19
20 margin-right: 10px;
21 }
22
23 .video-channel-info {
24 flex-grow: 1;
25
26 a.video-channel-names {
27 @include disable-default-a-behaviour;
28
8a19bee1 29 width: fit-content;
08c1efbe 30 display: flex;
8a19bee1 31 align-items: baseline;
9a0fc840 32 color: var(--mainForegroundColor);
08c1efbe
C
33
34 .video-channel-display-name {
35 font-weight: $font-semibold;
36 font-size: 18px;
37 }
38
39 .video-channel-name {
40 font-size: 14px;
22a16e36 41 color: $grey-actor-name;
8a19bee1 42 margin-left: 5px;
08c1efbe 43 }
f37dc0dd
C
44
45 .video-channel-followers {
46
47 }
08c1efbe
C
48 }
49 }
50
51 .video-channel-buttons {
52 min-width: 190px;
53 }
54}
55
56.video-channels-header {
57 text-align: right;
58 margin: 20px 0 50px;
59}
60
61@media screen and (max-width: 800px) {
f2bbd1e1
C
62 .video-channels-header {
63 text-align: center;
64 }
65
08c1efbe 66 .video-channel {
f2bbd1e1 67 .video-channel-names {
22a16e36
C
68 flex-direction: column;
69 align-items: center !important;
f2bbd1e1
C
70 }
71
08c1efbe
C
72 img {
73 margin-right: 0;
74 }
75
76 .video-channel-buttons {
77 margin-top: 10px;
78 }
79 }
80}