Update app.component.css

[minabahaghighat]

No description provided.

[minabahaghighat]

i used snackbar for show error message

import { Injectable } from '@angular/core';
import { MatSnackBar, MatSnackBarHorizontalPosition, MatSnackBarVerticalPosition } from '@angular/material/snack-bar';

@Injectable({
providedIn: 'root'
})
export class MessageService {
horizantalPosition:MatSnackBarHorizontalPosition='end';
verticalPosition:MatSnackBarVerticalPosition='bottom';
constructor(private _snackBar: MatSnackBar) { }

error(message:string, action:string){
this._snackBar.open(message,action,{
horizontalPosition:this.horizantalPosition,
verticalPosition:this.verticalPosition,
duration:3000,
panelClass:'snack-error'
})
}

warn(message:string, action:string){
this._snackBar.open(message,action,{
horizontalPosition:this.horizantalPosition,
verticalPosition:this.verticalPosition,
duration:3000,
panelClass:'snack-warn'
})
}

success(message:string, action:string){
this._snackBar.open(message,action,{
horizontalPosition:this.horizantalPosition,
verticalPosition:this.verticalPosition,
duration:3000,
panelClass:'snack-success'
})
}
}