src/app/download-manager/no-downloads/no-downloads.component.ts
| selector | app-no-downloads |
| styleUrls | ./no-downloads.component.scss |
| templateUrl | ./no-downloads.component.html |
constructor()
|
import { Component } from '@angular/core';
@Component({
selector: 'app-no-downloads',
templateUrl: './no-downloads.component.html',
styleUrls: ['./no-downloads.component.scss'],
})
export class NoDownloadsComponent {
constructor() {
console.log('no-downloads-component');
}
}
<div class="sb-nodownloads-container">
<div class="text-center">
<img src="./assets/imgs/no_downloads.png" alt="">
</div>
<div class="text-center">
<p class="sb-nodownloads-title">
<strong>{{ 'NO_DOWNLOADS' | translate }}</strong>
</p>
<p>{{ 'NO_DOWNLOADS_INFO' | translate }}</p>
</div>
</div>
./no-downloads.component.scss
@import "src/assets/styles/base/_variables.scss";
:host {
.sb-nodownloads-container{
margin-top: 10vh;
.sb-nodownloads-title{
color: #{$gray-400};
}
}
}