-@import '_variables';
-@import '_mixins';
+@use '_variables';
+@use '_mixins';
.alert {
font-size: 15px;
.wrapper {
display: flex;
- justify-content: space-between;
- flex-wrap: wrap;
-
- & > div {
- margin-bottom: 40px;
- width: 450px;
+ flex-direction: column;
- @media screen and (max-width: 500px) {
- width: auto;
- }
+ .register-form {
+ max-width: 600px;
+ align-self: center;
}
-}
-my-instance-features-table {
- display: block;
+ .register-form,
+ .instance-information {
+ width: 100%;
+ }
- margin-bottom: 40px;
+ .instance-information {
+ margin-bottom: 15px;
+ }
}
.form-group-terms {
}
.input-group {
- @include peertube-input-group(400px);
+ @include peertube-input-group(100%);
}
.input-group-append {
height: 30px;
}
-input:not([type=submit]) {
- @include peertube-input-text(400px);
+.form-group-terms {
+ width: 100% !important;
+}
+input:not([type=submit]) {
+ @include peertube-input-text(100%);
display: block;
&#username,
input[type=submit],
button {
@include peertube-button;
- @include orange-button;
+
+ &[cdkStepperNext] {
+ @include orange-button;
+ float: inline-end;
+ }
+
+ &[cdkStepperPrevious] {
+ @include grey-button;
+ float: inline-start;
+ }
}
.name-information {
my-loader {
margin-bottom: 20px;
- /deep/ .loader div {
- border-color: var(--mainColor) transparent transparent transparent;
+ ::ng-deep .loader div {
+ border-color: pvar(--mainColor) transparent transparent transparent;
}
- & + div {
+ + div {
font-size: 15px;
}
}