]>
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; | |
65 | float: inline-end; | |
66 | } | |
67 | ||
68 | &[cdkStepperPrevious] { | |
69 | @include grey-button; | |
70 | float: inline-start; | |
71 | } | |
d235f6b0 | 72 | } |
1f20622f C |
73 | |
74 | .name-information { | |
75 | margin-top: 10px; | |
76 | } | |
77 | ||
78 | .done-loader { | |
79 | display: flex; | |
80 | justify-content: center; | |
81 | flex-direction: column; | |
82 | align-items: center; | |
83 | ||
84 | my-loader { | |
85 | margin-bottom: 20px; | |
86 | ||
03652b31 | 87 | ::ng-deep .loader div { |
e66883b3 | 88 | border-color: pvar(--mainColor) transparent transparent transparent; |
1f20622f C |
89 | } |
90 | ||
931d3430 | 91 | + div { |
1f20622f C |
92 | font-size: 15px; |
93 | } | |
94 | } | |
95 | } |