-@import '_variables';
-@import '_mixins';
+@use '_variables' as *;
+@use '_mixins' as *;
-.alert {
- font-size: 15px;
- text-align: center;
+my-signup-step-title strong {
+ font-weight: $font-bold;
}
-.wrapper {
+.signup-disabled {
+ padding-top: 30vh;
+}
+
+.title-page-v2 {
+ background-color: pvar(--mainColorVeryLight);
+ margin: 0;
+ padding-bottom: 10px;
+}
+
+my-instance-about-accordion {
+ display: block;
+ margin-bottom: 30px;
+}
+
+.step-buttons {
display: flex;
- flex-direction: column;
+ flex-wrap: wrap;
+ align-items: center;
- .register-form {
- max-width: 600px;
- align-self: center;
- }
+ .skip-step {
+ @include margin-right(30px);
- .register-form,
- .instance-information {
- width: 100%;
+ display: inline-block;
}
- .instance-information {
- margin-bottom: 15px;
+ .skip-step-description {
+ margin-top: 5px;
+ font-size: 14px;
}
-}
-.form-group-terms {
- margin: 30px 0;
-}
-
-.input-group {
- @include peertube-input-group(100%);
-}
+ .underline-orange {
+ color: pvar(--mainForegroundColor);
-.input-group-append {
- height: 30px;
-}
+ &:hover {
+ opacity: 0.8;
+ }
+ }
-.form-group-terms {
- width: 100% !important;
-}
+ button,
+ .skip-step {
+ margin-top: 20px;
+ margin-bottom: 20px;
+ }
-input:not([type=submit]) {
- @include peertube-input-text(100%);
- display: block;
+ .skip-step,
+ button[cdkStepperNext] {
+ @include margin-left(auto);
+ }
- &#username,
- &#name {
- width: auto !important;
- flex-grow: 1;
+ .skip-step + button[cdkStepperNext] {
+ @include margin-left(0);
}
}
-input[type=submit],
button {
- @include peertube-button;
+ @include peertube-button-big;
&[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;
my-loader {
margin-bottom: 20px;
+ }
+}
- ::ng-deep .loader div {
- border-color: pvar(--mainColor) transparent transparent transparent;
- }
+@media screen and (max-width: $small-view) {
+ .step-buttons {
+ justify-content: space-between;
- + div {
- font-size: 15px;
+ .skip-step,
+ button[cdkStepperNext] {
+ @include margin-left(0);
}
}
}