fix:Change the header for multi-select of expense inside my-expense (#…

…3277) Co-authored-by: Snehasish <[email protected]>
fylein · Nov 21, 2024 · 94997c5 · 94997c5
1 parent 09a3896
commit 94997c5
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/src/app/fyle/my-expenses/my-expenses.page.html b/src/app/fyle/my-expenses/my-expenses.page.html
@@ -66,8 +66,10 @@
     <ng-container *ngIf="homeCurrency$ | async as homeCurrency">
       <ng-container *ngIf="allExpensesStats$ | async as allExpensesStats">
         <ion-title class="my-expenses--multiselect-title page-title">
-          {{allExpensesStats?.count}} {{(allExpensesStats?.count > 1) ? 'expenses' : 'expense'}} worth
-          {{(allExpensesStats.amount || 0) | humanizeCurrency: homeCurrency }}
+          {{allExpensesStats?.count}} {{(allExpensesStats?.count > 1) ? 'expenses' : 'expense'}}
+          <span class="my-expenses--multiselect-amount">
+            ({{(allExpensesStats.amount || 0) | humanizeCurrency: homeCurrency }})
+          </span>
         </ion-title>
       </ng-container>
     </ng-container>

diff --git a/src/app/fyle/my-expenses/my-expenses.page.scss b/src/app/fyle/my-expenses/my-expenses.page.scss
@@ -41,6 +41,11 @@
     padding-right: 0px;
   }
 
+  &--multiselect-amount {
+    font-size: 16px;
+    font-weight: 400;
+  }
+
   &--content {
     --background: #{$white};
     --padding-bottom: 82px;