Recurring Deposit view account homologation (#1910)

Co-authored-by: Jose Alberto Hernandez <alberto@blue-daemon.local>
This commit is contained in:
José Alberto Hernández
2023-11-26 20:00:42 -06:00
committed by GitHub
co-authored by Jose Alberto Hernandez
parent 7c53b82965
commit 79595f6a1c
72 changed files with 1591 additions and 1226 deletions
+77
View File
@@ -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;
}
}
}
}
+2 -10
View File
@@ -4,15 +4,11 @@
@import 'material-palette';
// Plus imports for other components in your app.
@import '../app/clients/clients-view/clients-view.component-theme.scss';
@import '../app/groups/groups-view/groups-view.component-theme.scss';
@import '../app/centers/centers-view/centers-view.component-theme.scss';
@import '../app/home/dashboard/dashboard.component-theme.scss';
@import '../app/loans/loans-view/loans-view.component-theme.scss';
@import '../app/savings/savings-account-view/savings-account-view.component-theme.scss';
@import '../app/shares/shares-account-view/shares-account-view.component-theme.scss';
@import '../app/deposits/fixed-deposits/fixed-deposit-account-view/fixed-deposit-account-view.component-theme.scss';
@import '../app/deposits/recurring-deposits/recurring-deposits-account-view/recurring-deposits-account-view.component-theme.scss';
@import 'content';
// Include the common styles for Angular Material. We include this here so that you only
// have to load a single css file for Angular Material in your app.
@@ -35,12 +31,8 @@ $mifosx-app-theme: mat.define-light-theme($mifosx-app-primary, $mifosx-app-accen
// Alternatively, you can import and @include the theme mixins for each component
// that you are using.
@include mat.all-component-themes($mifosx-app-theme);
@include clients-view-component-theme($mifosx-app-theme);
@include groups-view-component-theme($mifosx-app-theme);
@include centers-view-component-theme($mifosx-app-theme);
@include dashboard-component-theme($mifosx-app-theme);
@include loans-view-component-theme($mifosx-app-theme);
@include savings-account-view-component-theme($mifosx-app-theme);
@include shares-account-view-component-theme($mifosx-app-theme);
@include fixed-deposits-account-view-component-theme($mifosx-app-theme);
@include recurring-deposits-account-view-component-theme($mifosx-app-theme);
@include account-view-component-theme($mifosx-app-theme);