-@import '_variables';
-@import '_mixins';
+@use '_variables';
+@use '_mixins';
.alert {
font-size: 15px;
.wrapper {
display: flex;
- justify-content: space-between;
- flex-wrap: wrap;
+ flex-direction: column;
- & > div {
- margin-bottom: 40px;
- width: 450px;
-
- @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 {
+ margin-top: 10px;
+}
+
+.done-loader {
+ display: flex;
+ justify-content: center;
+ flex-direction: column;
+ align-items: center;
+
+ my-loader {
+ margin-bottom: 20px;
+
+ ::ng-deep .loader div {
+ border-color: pvar(--mainColor) transparent transparent transparent;
+ }
+
+ + div {
+ font-size: 15px;
+ }
+ }
}