merging code

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
322 changed files with 28779 additions and 4976 deletions
+111 -33
View File
@@ -60,10 +60,21 @@ $mono: 'Roboto Mono', 'DM Mono', monospace;
span {
border-radius: 2px;
&:nth-child(1) { background: $brand; }
&:nth-child(2) { background: $accent; }
&:nth-child(3) { background: #10b981; }
&:nth-child(4) { background: #cbd5e1; }
&:nth-child(1) {
background: $brand;
}
&:nth-child(2) {
background: $accent;
}
&:nth-child(3) {
background: #10b981;
}
&:nth-child(4) {
background: #cbd5e1;
}
}
}
@@ -83,21 +94,33 @@ $mono: 'Roboto Mono', 'DM Mono', monospace;
}
::ng-deep {
.mat-mdc-form-field-flex { height: 38px; }
.mat-mdc-form-field-flex {
height: 38px;
}
.mat-mdc-form-field-infix {
padding: 6px 0;
min-height: 38px;
}
.mat-mdc-form-field-subscript-wrapper { height: 0; min-height: 0; }
.mdc-notched-outline {
.mdc-notched-outline__leading { border-radius: 8px 0 0 8px; }
.mdc-notched-outline__trailing { border-radius: 0 8px 8px 0; }
.mat-mdc-form-field-subscript-wrapper {
height: 0;
min-height: 0;
}
input { font-size: 13px; }
.mdc-notched-outline {
.mdc-notched-outline__leading {
border-radius: 8px 0 0 8px;
}
.mdc-notched-outline__trailing {
border-radius: 0 8px 8px 0;
}
}
input {
font-size: 13px;
}
}
}
@@ -107,8 +130,13 @@ $mono: 'Roboto Mono', 'DM Mono', monospace;
grid-template-columns: repeat(3, 1fr);
gap: 12px;
@media (max-width: 900px) { grid-template-columns: repeat(2, 1fr); }
@media (max-width: 500px) { grid-template-columns: 1fr; }
@media (width <= 900px) {
grid-template-columns: repeat(2, 1fr);
}
@media (width <= 500px) {
grid-template-columns: 1fr;
}
}
.rpt-tile {
@@ -117,13 +145,15 @@ $mono: 'Roboto Mono', 'DM Mono', monospace;
gap: 14px;
padding: 16px 18px;
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.06);
border: 1px solid rgb(0 0 0 / 6%);
border-radius: 8px;
cursor: pointer;
transition: box-shadow 0.15s, transform 0.15s;
transition:
box-shadow 0.15s,
transform 0.15s;
&:hover {
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
box-shadow: 0 4px 16px rgb(0 0 0 / 8%);
transform: translateY(-1px);
}
@@ -137,12 +167,35 @@ $mono: 'Roboto Mono', 'DM Mono', monospace;
font-size: 16px;
flex-shrink: 0;
&.blue { background: #e0f2fe; color: #0284c7; }
&.green { background: #d1fae5; color: #059669; }
&.purple { background: #ede9fe; color: #7c3aed; }
&.amber { background: #fef3c7; color: #d97706; }
&.teal { background: #ccfbf1; color: #0d9488; }
&.red { background: #fee2e2; color: #dc2626; }
&.blue {
background: #e0f2fe;
color: #0284c7;
}
&.green {
background: #d1fae5;
color: #059669;
}
&.purple {
background: #ede9fe;
color: #7c3aed;
}
&.amber {
background: #fef3c7;
color: #d97706;
}
&.teal {
background: #ccfbf1;
color: #0d9488;
}
&.red {
background: #fee2e2;
color: #dc2626;
}
}
&__info {
@@ -171,13 +224,17 @@ $mono: 'Roboto Mono', 'DM Mono', monospace;
transition: color 0.12s;
}
&:hover &__arrow { color: $brand; }
&:hover &__arrow {
color: $brand;
}
}
.rpt-tiles--sub {
grid-template-columns: repeat(2, 1fr);
@media (max-width: 600px) { grid-template-columns: 1fr; }
@media (width <= 600px) {
grid-template-columns: 1fr;
}
}
// Detail view
@@ -203,9 +260,14 @@ $mono: 'Roboto Mono', 'DM Mono', monospace;
border-color: $border !important;
color: $text-muted !important;
i { margin-right: 6px; }
i {
margin-right: 6px;
}
&:hover { color: $brand !important; border-color: $brand !important; }
&:hover {
color: $brand !important;
border-color: $brand !important;
}
}
// Table
@@ -245,8 +307,13 @@ $mono: 'Roboto Mono', 'DM Mono', monospace;
height: 38px;
border-bottom: 1px solid #f1f5f9;
&:nth-child(even) { background: #fafbfc; }
&:last-child { border-bottom: none; }
&:nth-child(even) {
background: #fafbfc;
}
&:last-child {
border-bottom: none;
}
}
.mat-mdc-cell {
@@ -294,11 +361,22 @@ $mono: 'Roboto Mono', 'DM Mono', monospace;
:host-context(.dark-theme) {
.rpt-tile {
background: #1e1e2e;
border-color: rgba(255, 255, 255, 0.06);
border-color: rgb(255 255 255 / 6%);
}
.rpt-tile__name { color: #e0e0e0; }
.rpt-tile__arrow { color: #444; }
.rpt-header__title { color: #e0e0e0; }
.rpt-detail__title { color: #e0e0e0; }
.rpt-tile__name {
color: #e0e0e0;
}
.rpt-tile__arrow {
color: #444;
}
.rpt-header__title {
color: #e0e0e0;
}
.rpt-detail__title {
color: #e0e0e0;
}
}