diff options
Diffstat (limited to 'client/src/app/+manage/video-channel-edit/video-channel-edit.component.scss')
-rw-r--r-- | client/src/app/+manage/video-channel-edit/video-channel-edit.component.scss | 77 |
1 files changed, 77 insertions, 0 deletions
diff --git a/client/src/app/+manage/video-channel-edit/video-channel-edit.component.scss b/client/src/app/+manage/video-channel-edit/video-channel-edit.component.scss new file mode 100644 index 000000000..d010d6277 --- /dev/null +++ b/client/src/app/+manage/video-channel-edit/video-channel-edit.component.scss | |||
@@ -0,0 +1,77 @@ | |||
1 | @use '_variables' as *; | ||
2 | @use '_mixins' as *; | ||
3 | |||
4 | .margin-content { | ||
5 | padding-top: 20px; | ||
6 | } | ||
7 | |||
8 | label { | ||
9 | font-weight: $font-regular; | ||
10 | font-size: 100%; | ||
11 | } | ||
12 | |||
13 | .video-channel-title { | ||
14 | @include settings-big-title; | ||
15 | } | ||
16 | |||
17 | my-actor-avatar-edit, | ||
18 | my-actor-banner-edit { | ||
19 | display: block; | ||
20 | margin-bottom: 20px; | ||
21 | } | ||
22 | |||
23 | my-actor-banner-edit { | ||
24 | max-width: 500px; | ||
25 | } | ||
26 | |||
27 | .input-group { | ||
28 | @include peertube-input-group(fit-content); | ||
29 | } | ||
30 | |||
31 | .input-group-append { | ||
32 | height: 30px; | ||
33 | } | ||
34 | |||
35 | input { | ||
36 | &[type=text] { | ||
37 | @include peertube-input-text(340px); | ||
38 | |||
39 | display: block; | ||
40 | |||
41 | &#name { | ||
42 | width: auto; | ||
43 | flex-grow: 1; | ||
44 | } | ||
45 | } | ||
46 | |||
47 | &[type=submit] { | ||
48 | @include peertube-button; | ||
49 | @include orange-button; | ||
50 | @include margin-left(auto); | ||
51 | } | ||
52 | } | ||
53 | |||
54 | textarea { | ||
55 | @include peertube-textarea(500px, 150px); | ||
56 | |||
57 | display: block; | ||
58 | } | ||
59 | |||
60 | .peertube-select-container { | ||
61 | @include peertube-select-container(340px); | ||
62 | } | ||
63 | |||
64 | .breadcrumb { | ||
65 | @include breadcrumb; | ||
66 | } | ||
67 | |||
68 | @media screen and (max-width: $small-view) { | ||
69 | input[type=text]#name { | ||
70 | width: auto !important; | ||
71 | } | ||
72 | |||
73 | label[for=name] + div, | ||
74 | textarea { | ||
75 | width: 100%; | ||
76 | } | ||
77 | } | ||