-@import '_variables';
-@import '_mixins';
+@use '_variables' as *;
+@use '_mixins' as *;
-h1 my-global-icon {
- position: relative;
- top: -2px;
-}
+h1 {
+ display: flex;
+ justify-content: space-between;
-.create-button {
- @include create-button;
+ my-global-icon {
+ position: relative;
+ top: -2px;
+ }
+
+ .button-link {
+ @include peertube-button-link;
+ @include grey-button;
+ @include button-with-icon(18px, 3px, -1px);
+ }
}
input[type=text] {
}
my-edit-button {
- margin-right: 10px;
+ @include margin-right(10px);
}
.video-channel {
padding-bottom: 0;
my-actor-avatar {
- @include actor-avatar-size(80px);
-
- margin-right: 10px;
+ @include margin-right(10px);
}
}
}
.video-channel-name {
+ @include margin-left(5px);
+
font-size: 14px;
color: $grey-actor-name;
- margin-left: 5px;
+}
+
+.video-channel-followers {
+ color: pvar(--mainForegroundColor);
}
.video-channel-buttons {
min-width: 190px;
}
-::ng-deep .chartjs-render-monitor {
- position: relative;
- top: 1px;
+.chart-container {
+ // Sync these values with the template
+ width: 40vw;
+ height: 100px;
}
.video-channels-header {
padding-bottom: 10px;
img {
- margin-right: 0;
+ @include margin-right(0);
}
.video-channel-buttons {
}
.video-channel-name {
- margin-left: 0 !important;
+ @include margin-left(0 !important);
}
}