]> git.immae.eu Git - github/Chocobozzz/PeerTube.git/blame - client/src/app/+signup/+register/register.component.scss
Move to sass @use
[github/Chocobozzz/PeerTube.git] / client / src / app / +signup / +register / register.component.scss
CommitLineData
fa12eacc
C
1@use '_variables';
2@use '_mixins';
63c4db6d 3
1d5342ab
C
4.alert {
5 font-size: 15px;
6 text-align: center;
7}
8
9.wrapper {
10 display: flex;
40360c17 11 flex-direction: column;
421d935d 12
40360c17
K
13 .register-form {
14 max-width: 600px;
15 align-self: center;
16 }
832a12b0 17
40360c17
K
18 .register-form,
19 .instance-information {
20 width: 100%;
21 }
421d935d 22
40360c17
K
23 .instance-information {
24 margin-bottom: 15px;
1d5342ab
C
25 }
26}
27
b4a929ac
C
28.form-group-terms {
29 margin: 30px 0;
30}
5afdd0a5 31
8a19bee1 32.input-group {
40360c17 33 @include peertube-input-group(100%);
8a19bee1
C
34}
35
25a42e29
RK
36.input-group-append {
37 height: 30px;
38}
39
40360c17
K
40.form-group-terms {
41 width: 100% !important;
42}
43
d235f6b0 44input:not([type=submit]) {
40360c17 45 @include peertube-input-text(100%);
d235f6b0 46 display: block;
8a19bee1 47
1d5342ab
C
48 &#username,
49 &#name {
50 width: auto !important;
8a19bee1
C
51 flex-grow: 1;
52 }
d235f6b0
C
53}
54
1d5342ab
C
55input[type=submit],
56button {
d235f6b0 57 @include peertube-button;
e0fea785
RK
58
59 &[cdkStepperNext] {
60 @include orange-button;
61 float: inline-end;
62 }
63
64 &[cdkStepperPrevious] {
65 @include grey-button;
66 float: inline-start;
67 }
d235f6b0 68}
1f20622f
C
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
03652b31 83 ::ng-deep .loader div {
e66883b3 84 border-color: pvar(--mainColor) transparent transparent transparent;
1f20622f
C
85 }
86
931d3430 87 + div {
1f20622f
C
88 font-size: 15px;
89 }
90 }
91}