WEB-529 Fix layout for Transfer details page (#2940)

2025-12-28 12:19:37 -06:00
parent 20198d4839
commit 7b2fe03e90
4 changed files with 179 additions and 73 deletions
@@ -0,0 +1,40 @@
+@use '@angular/material' as mat;
+@use 'sass:map';
+
+@mixin view-account-transfer-component-theme($theme) {
+  $is-dark: map.get($theme, is-dark);
+  $foreground: map.get($theme, foreground);
+  $primary: map.get($theme, primary);
+
+  mifosx-view-account-transfer {
+    .section-title {
+      color: mat.m2-get-color-from-palette($foreground, text);
+    }
+
+    .info-label {
+      color: mat.m2-get-color-from-palette($foreground, secondary-text);
+    }
+
+    .info-value {
+      color: mat.m2-get-color-from-palette($foreground, text);
+
+      a {
+        color: mat.m2-get-color-from-palette($primary, 500);
+
+        &:hover {
+          text-decoration: underline;
+        }
+      }
+    }
+
+    .status-indicator {
+      &.active {
+        background-color: #4caf50;
+      }
+
+      &.undo {
+        background-color: #f44336;
+      }
+    }
+  }
+}