Recurring Deposit view account homologation (#1910)
Co-authored-by: Jose Alberto Hernandez <alberto@blue-daemon.local>
This commit is contained in:
co-authored by
Jose Alberto Hernandez
parent
7c53b82965
commit
79595f6a1c
@@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user