diff options
author | Rigel Kent <sendmemail@rigelk.eu> | 2020-03-08 17:33:40 +0100 |
---|---|---|
committer | Chocobozzz <chocobozzz@cpy.re> | 2020-03-10 16:23:40 +0100 |
commit | 482fa503e545e00252e25eee7b3e0f7d421cf9d4 (patch) | |
tree | 4aa27a683656ced173fe48b914cfd7d65b289717 /client/src/app/+admin/config/edit-custom-config/edit-custom-config.component.scss | |
parent | 3b20bdd6dc7402b0723e038c57f0606131e20e54 (diff) | |
download | PeerTube-482fa503e545e00252e25eee7b3e0f7d421cf9d4.tar.gz PeerTube-482fa503e545e00252e25eee7b3e0f7d421cf9d4.tar.zst PeerTube-482fa503e545e00252e25eee7b3e0f7d421cf9d4.zip |
Use grid to organise settings in admin, my-account
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 | ||