aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/+admin/config/edit-custom-config/edit-custom-config.component.scss
diff options
context:
space:
mode:
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.scss43
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
6label {
7 font-weight: $font-regular;
8 font-size: 100%;
9}
10
11form {
12 padding-bottom: 1.5rem;
6} 13}
7 14
8input[type=text] { 15input[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
26input[type=submit] { 33input[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
47textarea { 50textarea {
@@ -63,3 +66,21 @@ textarea {
63 opacity: .5; 66 opacity: .5;
64 pointer-events: none; 67 pointer-events: none;
65} 68}
69
70my-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
82ngb-tabset:not(.previews) ::ng-deep {
83 .nav-link {
84 font-size: 105%;
85 }
86} \ No newline at end of file