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