diff options
Diffstat (limited to 'client/src/app/+admin/config/edit-custom-config/edit-custom-config.component.scss')
-rw-r--r-- | client/src/app/+admin/config/edit-custom-config/edit-custom-config.component.scss | 43 |
1 files changed, 32 insertions, 11 deletions
diff --git a/client/src/app/+admin/config/edit-custom-config/edit-custom-config.component.scss b/client/src/app/+admin/config/edit-custom-config/edit-custom-config.component.scss index dd70f1c06..8b1cdcbba 100644 --- a/client/src/app/+admin/config/edit-custom-config/edit-custom-config.component.scss +++ b/client/src/app/+admin/config/edit-custom-config/edit-custom-config.component.scss | |||
@@ -1,12 +1,19 @@ | |||
1 | @import '_variables'; | 1 | @import '_variables'; |
2 | @import '_mixins'; | 2 | @import '_mixins'; |
3 | 3 | ||
4 | .form-group { | 4 | $form-base-input-width: 340px; |
5 | margin-bottom: 25px; | 5 | |
6 | label { | ||
7 | font-weight: $font-regular; | ||
8 | font-size: 100%; | ||
9 | } | ||
10 | |||
11 | form { | ||
12 | padding-bottom: 1.5rem; | ||
6 | } | 13 | } |
7 | 14 | ||
8 | input[type=text] { | 15 | input[type=text] { |
9 | @include peertube-input-text(340px); | 16 | @include peertube-input-text($form-base-input-width); |
10 | display: block; | 17 | display: block; |
11 | } | 18 | } |
12 | 19 | ||
@@ -20,14 +27,15 @@ input[type=checkbox] { | |||
20 | } | 27 | } |
21 | 28 | ||
22 | .peertube-select-container { | 29 | .peertube-select-container { |
23 | @include peertube-select-container(340px); | 30 | @include peertube-select-container($form-base-input-width); |
24 | } | 31 | } |
25 | 32 | ||
26 | input[type=submit] { | 33 | input[type=submit] { |
27 | @include peertube-button; | 34 | @include peertube-button; |
28 | @include orange-button; | 35 | @include orange-button; |
29 | 36 | ||
30 | margin-top: 20px; | 37 | display: flex; |
38 | margin-left: auto; | ||
31 | 39 | ||
32 | & + .form-error { | 40 | & + .form-error { |
33 | display: inline; | 41 | display: inline; |
@@ -36,12 +44,7 @@ input[type=submit] { | |||
36 | } | 44 | } |
37 | 45 | ||
38 | .inner-form-title { | 46 | .inner-form-title { |
39 | text-transform: uppercase; | 47 | @include settings-big-title; |
40 | color: var(--mainColor); | ||
41 | font-weight: $font-bold; | ||
42 | font-size: 13px; | ||
43 | margin-top: 30px; | ||
44 | margin-bottom: 10px; | ||
45 | } | 48 | } |
46 | 49 | ||
47 | textarea { | 50 | textarea { |
@@ -63,3 +66,21 @@ textarea { | |||
63 | opacity: .5; | 66 | opacity: .5; |
64 | pointer-events: none; | 67 | pointer-events: none; |
65 | } | 68 | } |
69 | |||
70 | my-markdown-textarea ::ng-deep { | ||
71 | .root { | ||
72 | @media screen and (max-width: 1400px) { | ||
73 | flex-direction: column !important; | ||
74 | } | ||
75 | } | ||
76 | } | ||
77 | |||
78 | .form-group-right { | ||
79 | padding-top: 2px; | ||
80 | } | ||
81 | |||
82 | ngb-tabset:not(.previews) ::ng-deep { | ||
83 | .nav-link { | ||
84 | font-size: 105%; | ||
85 | } | ||
86 | } \ No newline at end of file | ||