diff options
Diffstat (limited to 'client/src/app/+admin/overview/users/user-edit/user-edit.component.scss')
-rw-r--r-- | client/src/app/+admin/overview/users/user-edit/user-edit.component.scss | 76 |
1 files changed, 76 insertions, 0 deletions
diff --git a/client/src/app/+admin/overview/users/user-edit/user-edit.component.scss b/client/src/app/+admin/overview/users/user-edit/user-edit.component.scss new file mode 100644 index 000000000..d7932154b --- /dev/null +++ b/client/src/app/+admin/overview/users/user-edit/user-edit.component.scss | |||
@@ -0,0 +1,76 @@ | |||
1 | @use 'sass:math'; | ||
2 | @use '_variables' as *; | ||
3 | @use '_mixins' as *; | ||
4 | |||
5 | $form-base-input-width: 340px; | ||
6 | |||
7 | label { | ||
8 | font-weight: $font-regular; | ||
9 | font-size: 100%; | ||
10 | } | ||
11 | |||
12 | .account-title { | ||
13 | @include settings-big-title; | ||
14 | |||
15 | &.account-title-danger { | ||
16 | color: lighten($color: #c54130, $amount: 10); | ||
17 | } | ||
18 | } | ||
19 | |||
20 | input:not([type=submit]) { | ||
21 | @include peertube-input-text($form-base-input-width); | ||
22 | display: block; | ||
23 | } | ||
24 | |||
25 | my-input-toggle-hidden { | ||
26 | @include responsive-width($form-base-input-width); | ||
27 | |||
28 | display: block; | ||
29 | } | ||
30 | |||
31 | .peertube-select-container { | ||
32 | @include peertube-select-container($form-base-input-width); | ||
33 | } | ||
34 | |||
35 | my-select-custom-value { | ||
36 | @include responsive-width($form-base-input-width); | ||
37 | |||
38 | display: block; | ||
39 | } | ||
40 | |||
41 | input[type=submit], | ||
42 | button { | ||
43 | @include peertube-button; | ||
44 | @include orange-button; | ||
45 | |||
46 | margin-top: 10px; | ||
47 | } | ||
48 | |||
49 | .transcoding-information { | ||
50 | margin-top: 5px; | ||
51 | font-size: 11px; | ||
52 | } | ||
53 | |||
54 | .danger-zone { | ||
55 | .reset-password-email { | ||
56 | margin-bottom: 30px; | ||
57 | |||
58 | button { | ||
59 | @include peertube-button; | ||
60 | @include danger-button; | ||
61 | @include disable-outline; | ||
62 | |||
63 | display: block; | ||
64 | margin-top: 0; | ||
65 | } | ||
66 | } | ||
67 | } | ||
68 | |||
69 | .breadcrumb { | ||
70 | @include breadcrumb; | ||
71 | } | ||
72 | |||
73 | .dashboard { | ||
74 | @include dashboard; | ||
75 | max-width: 900px; | ||
76 | } | ||