@import '_variables';
@import '_mixins';
+@import '~bootstrap/scss/functions';
+@import '~bootstrap/scss/variables';
+
+.peertube-container {
+ padding-bottom: 20px;
+}
.main-row {
min-height: calc(100vh - #{$header-height} - #{$footer-height} - #{$footer-margin});
.sub-header-container {
margin-top: $header-height;
background-color: var(--mainBackgroundColor);
+ width: 100%;
}
.header {
}
}
-footer {
- padding: 10px 0;
- font-size: 11px;
- margin-top: $footer-margin;
- height: $footer-height;
- justify-content: center;
+.broadcast-message {
+ min-height: 50px;
+ text-align: center;
+ margin-bottom: 0;
+ border-radius: 0;
+ display: grid;
+ grid-template-columns: 1fr 30px;
+ column-gap: 10px;
+
+ my-global-icon {
+ justify-self: center;
+ align-self: center;
+ cursor: pointer;
+
+ width: 20px;
+ }
+
+ @each $color, $value in $theme-colors {
+ &.alert-#{$color} {
+ my-global-icon {
+ @include apply-svg-color(theme-color-level($color, $alert-color-level));
+ }
+ }
+ }
+
+ ::ng-deep {
+ p {
+ font-size: 16px;
+ }
+
+ p:last-child {
+ margin-bottom: 0;
+ }
+ }
}