-@import 'variables';
-@import 'mixins';
+@use '_variables' as *;
+@use '_mixins' as *;
-$width-size: 190px;
+$width-size: 250px;
.alert.alert-danger {
text-align: center;
- & > div {
+ > div {
font-weight: $font-semibold;
}
}
align-items: center;
.upload-icon {
+ @include apply-svg-color(#C6C6C6);
+
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 {
+ width: $width-size;
+
+ @media screen and (max-width: $width-size) {
+ width: 100%;
+ }
+ }
input[type=text] {
@include peertube-input-text($width-size);