-@import 'variables';
-@import 'mixins';
+@use '_variables' as *;
+@use '_mixins' as *;
-$width-size: 190px;
+$width-size: 275px;
.alert.alert-danger {
text-align: center;
- & > div {
+ > div {
font-weight: $font-semibold;
}
}
align-items: center;
.upload-icon {
+ @include apply-svg-color(pvar(--inputBorderColor));
+
width: 90px;
margin-bottom: 25px;
-
- @include apply-svg-color(#C6C6C6);
}
.peertube-select-container {
@include peertube-select-container($width-size);
}
+ my-select-options ::ng-deep ng-select,
+ my-select-channel ::ng-deep ng-select,
+ .peertube-radio-container,
+ .form-group-description {
+ width: $width-size;
+
+ @media screen and (max-width: $width-size) {
+ width: 100%;
+ }
+ }
+
+ .form-group-description {
+ white-space: nowrap;
+ }
input[type=text] {
@include peertube-input-text($width-size);
.button-file {
@include peertube-button-file(max-content);
+ @include orange-button;
}
}