Recurring Deposit view account homologation (#1910)

Co-authored-by: Jose Alberto Hernandez <alberto@blue-daemon.local>
2023-11-26 20:00:42 -06:00
parent 7c53b82965
commit 79595f6a1c
72 changed files with 1591 additions and 1226 deletions
@@ -0,0 +1,77 @@
+@use "@angular/material" as mat;
+
+@mixin account-view-component-theme($theme) {
+  $primary: map-get($theme, primary);
+
+  mifosx-clients-view,
+  mifosx-fixed-deposit-account-view,
+  mifosx-loans-view,
+  mifosx-recurring-deposits-account-view,
+  mifosx-savings-account-view {
+    .account-card {
+      margin: 0 auto;
+      max-width: 80rem;
+      width: 90%;
+      padding: 0;
+      .header {
+        background-color: mat.get-color-from-palette($primary, 500);
+
+        padding: 1%;
+        .header-title-group {
+          .account-card-title {
+            color: white;
+            width: 90%;
+            p {
+              color: white;
+            }
+
+            .account-overview {
+              max-width: 240px;
+              font-size: 14px;
+
+              tr:nth-child(even) {
+                background-color: transparent;
+              }
+            }
+          }
+        }
+        .profile-image-container {
+          margin: 1%;
+          .profile-image {
+            object-fit: cover;
+            border-radius: 20px;
+          }
+        }
+        .account-actions {
+          align-self: flex-end;
+          margin: 0 1%;
+          i {
+            margin-bottom: 2px;
+            margin-right: 4px;
+          }
+        }
+      }
+      .navigation-tabs {
+        background-color: #f2f2f2;
+        overflow: auto;
+      }
+      .content {
+        .savings-account-tables {
+          padding: 1%;
+          margin: 1%;
+          .table-headers {
+            margin: 0;
+            padding: 6px;
+          }
+          td {
+            padding: 3px;
+          }
+        }
+      }
+      i,
+      img:hover {
+        cursor: pointer;
+      }
+    }
+  }
+}