CBSNexora/cbsnexora
4
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

merging code

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Nitesh Yadav
2026-04-20 14:26:25 +05:30
co-authored by Claude Sonnet 4.6
parent e212bf7d79 d72e969dc3
commit d367e76104
322 changed files with 28779 additions and 4976 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/clients/clients-view/clients-view.component.scss
+98 -50
View File
@@ -22,8 +22,8 @@ $accent: #0ea5e9;
background: #fff !important;
border-radius: 10px;
overflow: hidden;
border: 1px solid rgba(0, 0, 0, 0.06);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
border: 1px solid rgb(0 0 0 / 6%);
box-shadow: 0 1px 4px rgb(0 0 0 / 4%);
margin: 0;
padding: 0;
}
@@ -42,14 +42,18 @@ $accent: #0ea5e9;
&::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: repeating-linear-gradient(108deg, transparent 0, transparent 80px, rgb(255 255 255 / 2.5%) 80px, rgb(255 255 255 / 2.5%) 160px);
inset: 0;
background: repeating-linear-gradient(
108deg,
transparent 0,
transparent 80px,
rgb(255 255 255 / 2.5%) 80px,
rgb(255 255 255 / 2.5%) 160px
);
pointer-events: none;
}
/* stylelint-disable-next-line selector-max-universal */
> * {
position: relative;
z-index: 1;
@@ -69,7 +73,7 @@ $accent: #0ea5e9;
height: 72px;
border-radius: 10px;
object-fit: cover;
border: 2px solid rgba(255, 255, 255, 0.25);
border: 2px solid rgb(255 255 255 / 25%);
background: #fff;
}
@@ -84,40 +88,48 @@ $accent: #0ea5e9;
min-width: 26px !important;
padding: 0 !important;
border-radius: 5px !important;
background: rgba(255, 255, 255, 0.1) !important;
color: rgba(255, 255, 255, 0.6) !important;
border: 1px solid rgba(255, 255, 255, 0.15) !important;
background: rgb(255 255 255 / 10%) !important;
color: rgb(255 255 255 / 60%) !important;
border: 1px solid rgb(255 255 255 / 15%) !important;
display: flex !important;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.12s;
i { font-size: 10px; }
i {
font-size: 10px;
}
&:hover {
background: rgba(255, 255, 255, 0.2) !important;
background: rgb(255 255 255 / 20%) !important;
color: #fff !important;
}
&--danger:hover {
background: rgba(239, 68, 68, 0.35) !important;
border-color: rgba(239, 68, 68, 0.45) !important;
background: rgb(239 68 68 / 35%) !important;
border-color: rgb(239 68 68 / 45%) !important;
}
}
&__sig {
font-size: 10px;
color: rgba(255, 255, 255, 0.6);
color: rgb(255 255 255 / 60%);
cursor: pointer;
font-weight: 500;
&:hover { color: #fff; text-decoration: underline; }
&:hover {
color: #fff;
text-decoration: underline;
}
}
}
// ── Info column ──
.cv-info { flex: 1; min-width: 0; }
.cv-info {
flex: 1;
min-width: 0;
}
// ── Name row ──
.cv-name-row {
@@ -132,7 +144,9 @@ $accent: #0ea5e9;
align-items: center;
gap: 10px;
&__dot { font-size: 10px; }
&__dot {
font-size: 10px;
}
&__text {
font-size: 20px;
@@ -148,23 +162,26 @@ $accent: #0ea5e9;
border-radius: 4px;
text-transform: uppercase;
letter-spacing: 0.4px;
background: rgba(16, 185, 129, 0.2);
background: rgb(16 185 129 / 20%);
color: #6ee7b7;
border: 1px solid rgba(16, 185, 129, 0.25);
border: 1px solid rgb(16 185 129 / 25%);
}
}
.cv-menu-btn {
color: rgba(255, 255, 255, 0.7) !important;
color: rgb(255 255 255 / 70%) !important;
width: 28px !important;
height: 28px !important;
min-width: 28px !important;
padding: 0 !important;
border: 1px solid rgba(255, 255, 255, 0.15);
border: 1px solid rgb(255 255 255 / 15%);
border-radius: 5px !important;
line-height: 28px !important;
&:hover { background: rgba(255, 255, 255, 0.1); color: #fff !important; }
&:hover {
background: rgb(255 255 255 / 10%);
color: #fff !important;
}
.actions-menu {
font-size: 14px !important;
@@ -187,14 +204,14 @@ $accent: #0ea5e9;
align-items: center;
gap: 8px;
padding: 4px 11px;
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.13);
background: rgb(255 255 255 / 10%);
border: 1px solid rgb(255 255 255 / 13%);
border-radius: 5px;
&__label {
font-size: 9px;
font-weight: 700;
color: rgba(255, 255, 255, 0.4);
color: rgb(255 255 255 / 40%);
text-transform: uppercase;
letter-spacing: 0.4px;
}
@@ -203,7 +220,7 @@ $accent: #0ea5e9;
font-size: 12px;
font-weight: 600;
color: #fff;
font-family: 'SF Mono', 'Cascadia Code', 'Consolas', monospace;
font-family: 'SF Mono', 'Cascadia Code', Consolas, monospace;
letter-spacing: 0.3px;
}
}
@@ -220,19 +237,19 @@ $accent: #0ea5e9;
.cv-cell {
padding: 9px 13px;
background: rgba(255, 255, 255, 0.07);
background: rgb(255 255 255 / 7%);
border-radius: 6px;
border: 1px solid rgba(255, 255, 255, 0.08);
border: 1px solid rgb(255 255 255 / 8%);
transition: background 0.12s;
&:hover {
background: rgba(255, 255, 255, 0.12);
background: rgb(255 255 255 / 12%);
}
&__label {
font-size: 9px;
font-weight: 600;
color: rgba(255, 255, 255, 0.45);
color: rgb(255 255 255 / 45%);
text-transform: uppercase;
letter-spacing: 0.5px;
margin-bottom: 2px;
@@ -253,17 +270,30 @@ $accent: #0ea5e9;
border-radius: 10px;
letter-spacing: 0.3px;
&--green { background: rgba(16, 185, 129, 0.2); color: #6ee7b7; }
&--yellow { background: rgba(245, 158, 11, 0.2); color: #fcd34d; }
&--red { background: rgba(239, 68, 68, 0.2); color: #fca5a5; }
&--green {
background: rgb(16 185 129 / 20%);
color: #6ee7b7;
}
&--yellow {
background: rgb(245 158 11 / 20%);
color: #fcd34d;
}
&--red {
background: rgb(239 68 68 / 20%);
color: #fca5a5;
}
}
.actions-menu { color: #fff !important; }
.actions-menu {
color: #fff !important;
}
// ── Tab bar ──
.cv-tabs {
background: #fff;
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
border-bottom: 1px solid rgb(0 0 0 / 6%);
::ng-deep .mat-mdc-tab-link {
font-size: 12px !important;
@@ -282,7 +312,8 @@ $accent: #0ea5e9;
}
// Fix copy icons on dark background
.cv-top, .cv-grid {
.cv-top,
.cv-grid {
::ng-deep {
mifosx-external-identifier,
mifosx-account-number {
@@ -292,7 +323,7 @@ $accent: #0ea5e9;
button,
mat-icon,
fa-icon {
color: rgba(255, 255, 255, 0.4) !important;
color: rgb(255 255 255 / 40%) !important;
font-size: 11px !important;
width: 16px !important;
height: 16px !important;
@@ -311,8 +342,8 @@ $accent: #0ea5e9;
// ── Client menu styling ──
::ng-deep .mat-mdc-menu-panel {
border-radius: 10px !important;
border: 1px solid rgba(0, 0, 0, 0.06) !important;
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12) !important;
border: 1px solid rgb(0 0 0 / 6%) !important;
box-shadow: 0 8px 30px rgb(0 0 0 / 12%) !important;
min-width: 200px !important;
padding: 6px 0 !important;
@@ -352,17 +383,34 @@ $accent: #0ea5e9;
}
// ── Responsive ──
@media (max-width: 1024px) {
.cv-grid { grid-template-columns: repeat(3, 1fr); }
@media (width <= 1024px) {
.cv-grid {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 768px) {
.cv-top { flex-direction: column; align-items: center; text-align: center; }
.cv-name-row { justify-content: center; }
.cv-ids { justify-content: center; }
.cv-grid { grid-template-columns: repeat(2, 1fr); }
@media (width <= 768px) {
.cv-top {
flex-direction: column;
align-items: center;
text-align: center;
}
.cv-name-row {
justify-content: center;
}
.cv-ids {
justify-content: center;
}
.cv-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 480px) {
.cv-grid { grid-template-columns: 1fr; }
@media (width <= 480px) {
.cv-grid {
grid-template-columns: 1fr;
}
}