@use '_variables' as *;
@use '_mixins' as *;
-.alert {
- font-size: 15px;
- text-align: center;
+my-signup-step-title strong {
+ font-weight: $font-bold;
}
.signup-disabled {
padding-top: 30vh;
}
-.wrapper {
+.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;
+
+ .skip-step {
+ @include margin-right(30px);
- .register-form {
- max-width: 600px;
- align-self: center;
+ display: inline-block;
}
- .register-form,
- .instance-information {
- width: 100%;
+ .skip-step-description {
+ margin-top: 5px;
+ font-size: 14px;
}
- .instance-information {
- margin-bottom: 15px;
+ .underline-orange {
+ color: pvar(--mainForegroundColor);
+
+ &:hover {
+ opacity: 0.8;
+ }
}
-}
-input:not([type=submit]) {
- @include peertube-input-text(100%);
- display: block;
+ button,
+ .skip-step {
+ margin-top: 20px;
+ margin-bottom: 20px;
+ }
+
+ .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;
-
- // Chrome does not support inline-end
- float: right;
- float: inline-end;
}
&[cdkStepperPrevious] {
@include grey-button;
-
- // Chrome does not support inline-start
- float: left;
- 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);
}
}
}