110 lines
1.9 KiB
SCSS
110 lines
1.9 KiB
SCSS
@use '@angular/material' as mat;
|
|
@use 'sass:map';
|
|
|
|
@mixin account-view-component-theme($theme) {
|
|
$primary: map.get($theme, primary);
|
|
|
|
mifosx-view-bulk-import {
|
|
.cover {
|
|
background-color: white;
|
|
margin-top: 1%;
|
|
}
|
|
}
|
|
|
|
mifosx-clients {
|
|
.status {
|
|
color: black;
|
|
}
|
|
}
|
|
|
|
mifosx-clients-view,
|
|
mifosx-centers-view,
|
|
mifosx-fixed-deposit-account-view,
|
|
mifosx-loans-view,
|
|
mifosx-shares-account-view,
|
|
mifosx-recurring-deposits-account-view,
|
|
mifosx-savings-account-view {
|
|
.account-card {
|
|
margin: 0 auto;
|
|
max-width: 90rem;
|
|
width: 90%;
|
|
padding: 0;
|
|
|
|
i,
|
|
img:hover {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.header {
|
|
background-color: mat.m2-get-color-from-palette($primary, 500);
|
|
padding: 1%;
|
|
}
|
|
|
|
.header-title-group {
|
|
.account-card-title {
|
|
color: white;
|
|
width: 90%;
|
|
}
|
|
|
|
p {
|
|
color: white;
|
|
}
|
|
|
|
.account-overview {
|
|
border: none;
|
|
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;
|
|
}
|
|
|
|
.signature {
|
|
background-color: mat.m2-get-color-from-palette($primary, 500);
|
|
}
|
|
}
|
|
|
|
.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;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|