aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/+my-library/+my-video-channels
diff options
context:
space:
mode:
Diffstat (limited to 'client/src/app/+my-library/+my-video-channels')
-rw-r--r--client/src/app/+my-library/+my-video-channels/my-video-channels.component.html15
-rw-r--r--client/src/app/+my-library/+my-video-channels/my-video-channels.component.scss17
2 files changed, 26 insertions, 6 deletions
diff --git a/client/src/app/+my-library/+my-video-channels/my-video-channels.component.html b/client/src/app/+my-library/+my-video-channels/my-video-channels.component.html
index e942e002b..a48731e7c 100644
--- a/client/src/app/+my-library/+my-video-channels/my-video-channels.component.html
+++ b/client/src/app/+my-library/+my-video-channels/my-video-channels.component.html
@@ -1,7 +1,16 @@
1<h1> 1<h1>
2 <my-global-icon iconName="channel" aria-hidden="true"></my-global-icon> 2 <span>
3 <ng-container i18n>My channels</ng-container> 3 <my-global-icon iconName="channel" aria-hidden="true"></my-global-icon>
4 <span *ngIf="totalItems" class="pt-badge badge-secondary">{{ totalItems }}</span> 4 <ng-container i18n>My channels</ng-container>
5 <span *ngIf="totalItems" class="pt-badge badge-secondary">{{ totalItems }}</span>
6 </span>
7
8 <div>
9 <a routerLink="/my-library/video-channel-syncs" class="button-link">
10 <my-global-icon iconName="repeat" aria-hidden="true"></my-global-icon>
11 <ng-container i18n>My synchronizations</ng-container>
12 </a>
13 </div>
5</h1> 14</h1>
6 15
7<my-channels-setup-message [hideLink]="true"></my-channels-setup-message> 16<my-channels-setup-message [hideLink]="true"></my-channels-setup-message>
diff --git a/client/src/app/+my-library/+my-video-channels/my-video-channels.component.scss b/client/src/app/+my-library/+my-video-channels/my-video-channels.component.scss
index ab80f3d01..6c5be9240 100644
--- a/client/src/app/+my-library/+my-video-channels/my-video-channels.component.scss
+++ b/client/src/app/+my-library/+my-video-channels/my-video-channels.component.scss
@@ -1,9 +1,20 @@
1@use '_variables' as *; 1@use '_variables' as *;
2@use '_mixins' as *; 2@use '_mixins' as *;
3 3
4h1 my-global-icon { 4h1 {
5 position: relative; 5 display: flex;
6 top: -2px; 6 justify-content: space-between;
7
8 my-global-icon {
9 position: relative;
10 top: -2px;
11 }
12
13 .button-link {
14 @include peertube-button-link;
15 @include grey-button;
16 @include button-with-icon(18px, 3px, -1px);
17 }
7} 18}
8 19
9.create-button { 20.create-button {