WEB-377:fix improve deposit form heading styling and appearance (#2952)

This commit is contained in:
Shubham Kumar
2025-12-31 11:06:54 -06:00
committed by GitHub
parent 3c9ffeb50b
commit 53a238a1cb
2 changed files with 10 additions and 4 deletions
@@ -1,14 +1,14 @@
<div class="container mat-elevation-z8"> <div class="container mat-elevation-z8">
<mat-card> <mat-card>
@if (transactionType.withdrawal) { @if (transactionType.withdrawal) {
<h2 mat-title class="m-l-10"> <mat-card-title class="form-heading">
{{ 'labels.heading.Withdraw Money From Saving Account' | translate }} {{ 'labels.heading.Withdraw Money From Saving Account' | translate }}
</h2> </mat-card-title>
} }
@if (transactionType.deposit) { @if (transactionType.deposit) {
<h2 mat-title class="m-l-10"> <mat-card-title class="form-heading">
{{ 'labels.heading.Deposit Money To Saving Account' | translate }} {{ 'labels.heading.Deposit Money To Saving Account' | translate }}
</h2> </mat-card-title>
} }
<form [formGroup]="savingAccountTransactionForm" (ngSubmit)="submit()"> <form [formGroup]="savingAccountTransactionForm" (ngSubmit)="submit()">
@@ -13,3 +13,9 @@
.right-label { .right-label {
padding-right: 25px !important; padding-right: 25px !important;
} }
.form-heading {
font-size: 1.25rem;
font-weight: 500;
margin-bottom: 0.5rem;
}