diff options
author | Chocobozzz <me@florianbigard.com> | 2020-06-23 14:10:17 +0200 |
---|---|---|
committer | Chocobozzz <chocobozzz@cpy.re> | 2020-06-23 16:00:49 +0200 |
commit | 67ed6552b831df66713bac9e672738796128d33f (patch) | |
tree | 59c97d41e0b49d75a90aa3de987968ab9b1ff447 /client/src/app/+my-account/+my-account-video-channels/my-account-video-channel-edit.component.scss | |
parent | 0c4bacbff53bc732f5a2677d62a6ead7752e2405 (diff) | |
download | PeerTube-67ed6552b831df66713bac9e672738796128d33f.tar.gz PeerTube-67ed6552b831df66713bac9e672738796128d33f.tar.zst PeerTube-67ed6552b831df66713bac9e672738796128d33f.zip |
Reorganize client shared modules
Diffstat (limited to 'client/src/app/+my-account/+my-account-video-channels/my-account-video-channel-edit.component.scss')
-rw-r--r-- | client/src/app/+my-account/+my-account-video-channels/my-account-video-channel-edit.component.scss | 67 |
1 files changed, 67 insertions, 0 deletions
diff --git a/client/src/app/+my-account/+my-account-video-channels/my-account-video-channel-edit.component.scss b/client/src/app/+my-account/+my-account-video-channels/my-account-video-channel-edit.component.scss new file mode 100644 index 000000000..8f8af655c --- /dev/null +++ b/client/src/app/+my-account/+my-account-video-channels/my-account-video-channel-edit.component.scss | |||
@@ -0,0 +1,67 @@ | |||
1 | @import '_variables'; | ||
2 | @import '_mixins'; | ||
3 | |||
4 | label { | ||
5 | font-weight: $font-regular; | ||
6 | font-size: 100%; | ||
7 | } | ||
8 | |||
9 | .video-channel-title { | ||
10 | @include settings-big-title; | ||
11 | } | ||
12 | |||
13 | my-actor-avatar-info { | ||
14 | display: block; | ||
15 | margin-bottom: 20px; | ||
16 | } | ||
17 | |||
18 | .input-group { | ||
19 | @include peertube-input-group(fit-content); | ||
20 | } | ||
21 | |||
22 | .input-group-append { | ||
23 | height: 30px; | ||
24 | } | ||
25 | |||
26 | input { | ||
27 | &[type=text] { | ||
28 | @include peertube-input-text(340px); | ||
29 | |||
30 | display: block; | ||
31 | |||
32 | &#name { | ||
33 | width: auto; | ||
34 | flex-grow: 1; | ||
35 | } | ||
36 | } | ||
37 | |||
38 | &[type=submit] { | ||
39 | @include peertube-button; | ||
40 | @include orange-button; | ||
41 | margin-left: auto; | ||
42 | } | ||
43 | } | ||
44 | |||
45 | textarea { | ||
46 | @include peertube-textarea(500px, 150px); | ||
47 | |||
48 | display: block; | ||
49 | } | ||
50 | |||
51 | .peertube-select-container { | ||
52 | @include peertube-select-container(340px); | ||
53 | } | ||
54 | |||
55 | .breadcrumb { | ||
56 | @include breadcrumb; | ||
57 | } | ||
58 | |||
59 | @media screen and (max-width: $small-view) { | ||
60 | input[type=text]#name { | ||
61 | width: auto !important; | ||
62 | } | ||
63 | |||
64 | label[for=name] + div, textarea { | ||
65 | width: 100%; | ||
66 | } | ||
67 | } | ||