diff options
Diffstat (limited to 'client/src/app/+signup/+register/register.component.scss')
-rw-r--r-- | client/src/app/+signup/+register/register.component.scss | 67 |
1 files changed, 17 insertions, 50 deletions
diff --git a/client/src/app/+signup/+register/register.component.scss b/client/src/app/+signup/+register/register.component.scss index 4221354ee..d22d58c4a 100644 --- a/client/src/app/+signup/+register/register.component.scss +++ b/client/src/app/+signup/+register/register.component.scss | |||
@@ -1,9 +1,5 @@ | |||
1 | @import '_variables'; | 1 | @import '_variables'; |
2 | @import '_mixins'; | 2 | @import '_mixins'; |
3 | @import "./_bootstrap-variables"; | ||
4 | |||
5 | @import '~bootstrap/scss/functions'; | ||
6 | @import '~bootstrap/scss/variables'; | ||
7 | 3 | ||
8 | .alert { | 4 | .alert { |
9 | font-size: 15px; | 5 | font-size: 15px; |
@@ -12,44 +8,20 @@ | |||
12 | 8 | ||
13 | .wrapper { | 9 | .wrapper { |
14 | display: flex; | 10 | display: flex; |
15 | justify-content: space-between; | 11 | flex-direction: column; |
16 | flex-wrap: wrap; | ||
17 | |||
18 | & > div { | ||
19 | margin-bottom: 40px; | ||
20 | 12 | ||
21 | &.register-form { | 13 | .register-form { |
22 | width: 450px; | 14 | max-width: 600px; |
15 | align-self: center; | ||
16 | } | ||
23 | 17 | ||
24 | @media screen and (max-width: $mobile-view) { | 18 | .register-form, |
25 | width: 100%; | 19 | .instance-information { |
26 | } | 20 | width: 100%; |
27 | } | 21 | } |
28 | 22 | ||
29 | &.instance-information { | 23 | .instance-information { |
30 | width: 600px; | 24 | margin-bottom: 15px; |
31 | margin-bottom: 40px; | ||
32 | |||
33 | .block { | ||
34 | font-size: 15px; | ||
35 | margin-bottom: 15px; | ||
36 | padding: 0 $btn-padding-x; | ||
37 | } | ||
38 | |||
39 | @media screen and (max-width: 1500px) { | ||
40 | width: 450px; | ||
41 | } | ||
42 | @media screen and (max-width: $mobile-view) { | ||
43 | width: 100%; | ||
44 | } | ||
45 | |||
46 | ngb-accordion ::ng-deep { | ||
47 | .btn { | ||
48 | font-weight: $font-semibold !important; | ||
49 | color: pvar(--mainForegroundColor) !important; | ||
50 | } | ||
51 | } | ||
52 | } | ||
53 | } | 25 | } |
54 | } | 26 | } |
55 | 27 | ||
@@ -58,15 +30,19 @@ | |||
58 | } | 30 | } |
59 | 31 | ||
60 | .input-group { | 32 | .input-group { |
61 | @include peertube-input-group(400px); | 33 | @include peertube-input-group(100%); |
62 | } | 34 | } |
63 | 35 | ||
64 | .input-group-append { | 36 | .input-group-append { |
65 | height: 30px; | 37 | height: 30px; |
66 | } | 38 | } |
67 | 39 | ||
40 | .form-group-terms { | ||
41 | width: 100% !important; | ||
42 | } | ||
43 | |||
68 | input:not([type=submit]) { | 44 | input:not([type=submit]) { |
69 | @include peertube-input-text(400px); | 45 | @include peertube-input-text(100%); |
70 | display: block; | 46 | display: block; |
71 | 47 | ||
72 | &#username, | 48 | &#username, |
@@ -76,19 +52,10 @@ input:not([type=submit]) { | |||
76 | } | 52 | } |
77 | } | 53 | } |
78 | 54 | ||
79 | @media screen and (max-width: $mobile-view) { | ||
80 | .form-group-terms, | ||
81 | .input-group, | ||
82 | input:not([type=submit]) { | ||
83 | width: 100%; | ||
84 | } | ||
85 | } | ||
86 | |||
87 | input[type=submit], | 55 | input[type=submit], |
88 | button { | 56 | button { |
89 | @include peertube-button; | 57 | @include peertube-button; |
90 | @include orange-button; | 58 | @include orange-button; |
91 | |||
92 | } | 59 | } |
93 | 60 | ||
94 | .name-information { | 61 | .name-information { |