fixed the zero state expense (#3359)

Co-authored-by: Palguna M S <[email protected]>
fylein · Dec 17, 2024 · cb9cd69 · cb9cd69
1 parent 34e84cb
commit cb9cd69
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/src/app/fyle/my-expenses/my-expenses.page.html b/src/app/fyle/my-expenses/my-expenses.page.html
@@ -91,7 +91,14 @@
   </ng-container>
 </app-fy-header>
 
-<ion-content [ngClass]="{'d-none': isCameraPreviewStarted}" class="my-expenses--content" (click)="onPageClick()">
+<ion-content
+  [ngClass]="{
+  'd-none': isCameraPreviewStarted,
+  'my-expenses--content-zero-state': ((pendingTransactions.length === 0) && ((count$ | async) === 0) && isConnected$ | async)
+}"
+  class="my-expenses--content"
+  (click)="onPageClick()"
+>
   <div
     class="my-expenses--body"
     [ngClass]="{'my-expenses--zero-states-body': (((count$ | async) === 0) && isConnected$|async) || (pendingTransactions.length === 0 && !(isConnected$|async))}"

diff --git a/src/app/fyle/my-expenses/my-expenses.page.scss b/src/app/fyle/my-expenses/my-expenses.page.scss
@@ -51,6 +51,10 @@
     --padding-bottom: 82px;
   }
 
+  &--content-zero-state {
+    --padding-bottom: 0;
+  }
+
   &--select-all-container {
     --border-style: none;
   }
@@ -280,6 +284,7 @@
 
   &--zero-states-body {
     height: 100%;
+    padding-top: 32px;
   }
 
   &--footer-toolbar {