@import '_variables';
@import '_mixins';
+@import "./_bootstrap-variables";
+
+@import '~bootstrap/scss/functions';
+@import '~bootstrap/scss/variables';
.alert {
font-size: 15px;
& > div {
margin-bottom: 40px;
- width: 450px;
- @media screen and (max-width: 500px) {
- width: auto;
+ &.register-form {
+ width: 450px;
}
- }
-}
-my-instance-features-table {
- display: block;
+ &.instance-information {
+ width: 600px;
+ margin-bottom: 40px;
+
+ .block {
+ font-size: 15px;
+ margin-bottom: 15px;
+ padding: 0 $btn-padding-x;
+ }
- margin-bottom: 40px;
+ @media screen and (max-width: 1500px) {
+ width: 450px;
+ }
+
+ ngb-accordion ::ng-deep {
+ .btn {
+ font-weight: $font-semibold !important;
+ color: var(--mainForegroundColor) !important;
+ }
+ }
+ }
+
+ @media screen and (max-width: $mobile-view) {
+ width: auto;
+ }
+ }
}
.form-group-terms {
@include peertube-button;
@include orange-button;
}
+
+.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: var(--mainColor) transparent transparent transparent;
+ }
+
+ & + div {
+ font-size: 15px;
+ }
+ }
+}