diff options
Diffstat (limited to 'client/src/app/+signup/+register/register.component.scss')
-rw-r--r-- | client/src/app/+signup/+register/register.component.scss | 21 |
1 files changed, 16 insertions, 5 deletions
diff --git a/client/src/app/+signup/+register/register.component.scss b/client/src/app/+signup/+register/register.component.scss index 6a7e361e3..4221354ee 100644 --- a/client/src/app/+signup/+register/register.component.scss +++ b/client/src/app/+signup/+register/register.component.scss | |||
@@ -20,6 +20,10 @@ | |||
20 | 20 | ||
21 | &.register-form { | 21 | &.register-form { |
22 | width: 450px; | 22 | width: 450px; |
23 | |||
24 | @media screen and (max-width: $mobile-view) { | ||
25 | width: 100%; | ||
26 | } | ||
23 | } | 27 | } |
24 | 28 | ||
25 | &.instance-information { | 29 | &.instance-information { |
@@ -35,6 +39,9 @@ | |||
35 | @media screen and (max-width: 1500px) { | 39 | @media screen and (max-width: 1500px) { |
36 | width: 450px; | 40 | width: 450px; |
37 | } | 41 | } |
42 | @media screen and (max-width: $mobile-view) { | ||
43 | width: 100%; | ||
44 | } | ||
38 | 45 | ||
39 | ngb-accordion ::ng-deep { | 46 | ngb-accordion ::ng-deep { |
40 | .btn { | 47 | .btn { |
@@ -43,10 +50,6 @@ | |||
43 | } | 50 | } |
44 | } | 51 | } |
45 | } | 52 | } |
46 | |||
47 | @media screen and (max-width: $mobile-view) { | ||
48 | width: auto; | ||
49 | } | ||
50 | } | 53 | } |
51 | } | 54 | } |
52 | 55 | ||
@@ -64,7 +67,6 @@ | |||
64 | 67 | ||
65 | input:not([type=submit]) { | 68 | input:not([type=submit]) { |
66 | @include peertube-input-text(400px); | 69 | @include peertube-input-text(400px); |
67 | |||
68 | display: block; | 70 | display: block; |
69 | 71 | ||
70 | &#username, | 72 | &#username, |
@@ -74,10 +76,19 @@ input:not([type=submit]) { | |||
74 | } | 76 | } |
75 | } | 77 | } |
76 | 78 | ||
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 | |||
77 | input[type=submit], | 87 | input[type=submit], |
78 | button { | 88 | button { |
79 | @include peertube-button; | 89 | @include peertube-button; |
80 | @include orange-button; | 90 | @include orange-button; |
91 | |||
81 | } | 92 | } |
82 | 93 | ||
83 | .name-information { | 94 | .name-information { |