styling changes

*mine-notifications
This commit is contained in:
Sofia Papacharalampous 2024-03-19 17:59:47 +02:00
parent 031e07b6e4
commit c425da9a5f
2 changed files with 22 additions and 7 deletions

View File

@ -1,19 +1,19 @@
<div *ngIf="inappNotification" class="row inapp-notification-editor">
<div *ngIf="inappNotification" class="inapp-notification-editor">
<div class="col-md-10 offset-md-1 colums-gapped">
<div class="row align-items-center mb-4">
<div class="col-md-12">
<mat-card>
<mat-card-title>
<mat-card class="pt-3 pb-3">
<mat-card-title class="pl-2 pb-2">
<div [innerHTML]="inappNotification.subject"></div>
</mat-card-title>
<mat-card-content>
<mat-card-content class="mt-2">
<div [innerHTML]="inappNotification.body"></div>
</mat-card-content>
</mat-card>
<div *ngIf="!isFromDialog" class="row editor-actions">
<div class="row editor-actions">
<div class="col"></div>
<div class="col-auto" *ngIf="!this.isDeleted && !isNew"><button mat-raised-button color="primary" type="button" (click)="delete()">{{'NOTIFICATION-SERVICE.INAPP-NOTIFICATION-EDITOR.ACTIONS.DELETE' | translate}}</button></div>
<div class="col-auto"><button mat-raised-button color="primary" (click)="cancel()" type="button">{{'NOTIFICATION-SERVICE.INAPP-NOTIFICATION-EDITOR.ACTIONS.CANCEL' | translate}}</button></div>
<div class="col-auto" *ngIf="!this.isDeleted && !isNew"><button mat-raised-button type="button" (click)="delete()" class="normal-btn">{{'NOTIFICATION-SERVICE.INAPP-NOTIFICATION-EDITOR.ACTIONS.DELETE' | translate}}</button></div>
<div class="col-auto"><button mat-raised-button (click)="cancel()" type="button" class="normal-btn">{{'NOTIFICATION-SERVICE.INAPP-NOTIFICATION-EDITOR.ACTIONS.CANCEL' | translate}}</button></div>
</div>
</div>
</div>

View File

@ -5,3 +5,18 @@
margin-top: 30px;
}
}
.normal-btn {
min-width: 150px;
max-width: 256px;
height: 40px;
cursor: pointer;
background: var(--primary-color) 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #1E202029;
border-radius: 30px;
border: none;
color: #FFFFFF;
opacity: 1;
font-size: 0.87rem;
padding: 0.62rem 1.87rem;
}