]>
Commit | Line | Data |
---|---|---|
8cbc40b2 C |
1 | @use '_variables' as *; |
2 | @use '_mixins' as *; | |
63c4db6d | 3 | |
1d5342ab C |
4 | .alert { |
5 | font-size: 15px; | |
6 | text-align: center; | |
7 | } | |
8 | ||
bd898dd7 C |
9 | .signup-disabled { |
10 | padding-top: 30vh; | |
11 | } | |
12 | ||
1d5342ab C |
13 | .wrapper { |
14 | display: flex; | |
40360c17 | 15 | flex-direction: column; |
421d935d | 16 | |
40360c17 K |
17 | .register-form { |
18 | max-width: 600px; | |
19 | align-self: center; | |
20 | } | |
832a12b0 | 21 | |
40360c17 K |
22 | .register-form, |
23 | .instance-information { | |
24 | width: 100%; | |
25 | } | |
421d935d | 26 | |
40360c17 K |
27 | .instance-information { |
28 | margin-bottom: 15px; | |
1d5342ab C |
29 | } |
30 | } | |
31 | ||
b4a929ac C |
32 | .form-group-terms { |
33 | margin: 30px 0; | |
34 | } | |
5afdd0a5 | 35 | |
8a19bee1 | 36 | .input-group { |
40360c17 | 37 | @include peertube-input-group(100%); |
8a19bee1 C |
38 | } |
39 | ||
25a42e29 RK |
40 | .input-group-append { |
41 | height: 30px; | |
42 | } | |
43 | ||
40360c17 K |
44 | .form-group-terms { |
45 | width: 100% !important; | |
46 | } | |
47 | ||
d235f6b0 | 48 | input:not([type=submit]) { |
40360c17 | 49 | @include peertube-input-text(100%); |
d235f6b0 | 50 | display: block; |
8a19bee1 | 51 | |
1d5342ab C |
52 | &#username, |
53 | &#name { | |
54 | width: auto !important; | |
8a19bee1 C |
55 | flex-grow: 1; |
56 | } | |
d235f6b0 C |
57 | } |
58 | ||
1d5342ab C |
59 | input[type=submit], |
60 | button { | |
d235f6b0 | 61 | @include peertube-button; |
e0fea785 RK |
62 | |
63 | &[cdkStepperNext] { | |
64 | @include orange-button; | |
a94b02e1 C |
65 | |
66 | // Chrome does not support inline-end | |
67 | float: right; | |
e0fea785 RK |
68 | float: inline-end; |
69 | } | |
70 | ||
71 | &[cdkStepperPrevious] { | |
72 | @include grey-button; | |
a94b02e1 C |
73 | |
74 | // Chrome does not support inline-start | |
75 | float: left; | |
e0fea785 RK |
76 | float: inline-start; |
77 | } | |
d235f6b0 | 78 | } |
1f20622f C |
79 | |
80 | .name-information { | |
81 | margin-top: 10px; | |
82 | } | |
83 | ||
84 | .done-loader { | |
85 | display: flex; | |
86 | justify-content: center; | |
87 | flex-direction: column; | |
88 | align-items: center; | |
89 | ||
90 | my-loader { | |
91 | margin-bottom: 20px; | |
92 | ||
03652b31 | 93 | ::ng-deep .loader div { |
e66883b3 | 94 | border-color: pvar(--mainColor) transparent transparent transparent; |
1f20622f C |
95 | } |
96 | ||
931d3430 | 97 | + div { |
1f20622f C |
98 | font-size: 15px; |
99 | } | |
100 | } | |
101 | } |