src/app/modules/groups/components/no-group-result/no-group-result.component.ts
OnInit
| selector | app-no-group-result |
| styleUrls | ./no-group-result.component.scss |
| templateUrl | ./no-group-result.component.html |
Methods |
constructor()
|
| ngOnInit |
ngOnInit()
|
|
Returns :
void
|
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-no-group-result',
templateUrl: './no-group-result.component.html',
styleUrls: ['./no-group-result.component.scss']
})
export class NoGroupResultComponent implements OnInit {
constructor() { }
ngOnInit() {
}
}
<!-- add if no-member found , or no-course-found screens -->
<div class="no-result-container d-flex flex-dc flex-jc-center p-24 sb-bg-color-white">
<div class="d-flex flex-dc flex-jc-center flex-ai-center text-center">
<div class="no-result-container__icon">
<img src="./assets/images/no-text.svg" width="150px" height="125px">
</div>
<div class="my-8 text-center no-result-container__para">
No Group found</div>
<!-- <div class="my-16 no-result-text">No Member found</div>
<div class="my-16 no-result-text">No Course Available</div> -->
</div>
</div>
./no-group-result.component.scss
@use "@project-sunbird/sb-styles/assets/mixins/mixins" as *;
.no-result-container{
max-width: calculateRem(420px);
width:100%;
margin: 0 auto;
&__para{
color:var(--gray-800);
}
}