&.register-form {
width: 450px;
+
+ @media screen and (max-width: $mobile-view) {
+ width: 100%;
+ }
}
&.instance-information {
@media screen and (max-width: 1500px) {
width: 450px;
}
+ @media screen and (max-width: $mobile-view) {
+ width: 100%;
+ }
ngb-accordion ::ng-deep {
.btn {
font-weight: $font-semibold !important;
- color: var(--mainForegroundColor) !important;
+ color: pvar(--mainForegroundColor) !important;
}
}
}
-
- @media screen and (max-width: 500px) {
- width: auto;
- }
}
}
input:not([type=submit]) {
@include peertube-input-text(400px);
-
display: block;
&#username,
}
}
+@media screen and (max-width: $mobile-view) {
+ .form-group-terms,
+ .input-group,
+ input:not([type=submit]) {
+ width: 100%;
+ }
+}
+
input[type=submit],
button {
@include peertube-button;
@include orange-button;
+
}
.name-information {
margin-bottom: 20px;
::ng-deep .loader div {
- border-color: var(--mainColor) transparent transparent transparent;
+ border-color: pvar(--mainColor) transparent transparent transparent;
}
& + div {