Nearle/nearle_console
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updates on the active page and the profitability section

Browse Source
This commit is contained in:
dharaneesh-r
2026-06-16 15:33:06 +05:30
parent 7858d42f86
commit ffcd9440e6
4 changed files with 419 additions and 158 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
src/pages/nearle/dispatch/ProfitabilitySection.css
View File

@@ -100,7 +100,8 @@ body {
line-height: 1.5;
color: var(--text-primary);
min-height: 100vh;
min-height: 0;
flex: 1;
}
/* Scrollbar styling */
@@ -134,9 +135,9 @@ body {
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: var(--space-2xl);
gap: var(--space-md);
padding: var(--space-2xl);
padding: 10px 16px;
background: linear-gradient(135deg, rgba(108, 76, 241, 0.04) 0%, rgba(108, 76, 241, 0.01) 100%);
border: 1px solid var(--border-light);
@@ -149,17 +150,17 @@ body {
.profitability-header-left {
display: flex;
align-items: center;
gap: var(--space-2xl);
gap: var(--space-md);
min-width: 0;
flex: 1 1 auto;
}
.profitability-header-icon {
width: 48px;
height: 48px;
min-width: 48px;
width: 36px;
height: 36px;
min-width: 36px;
border-radius: var(--radius-md);
border-radius: var(--radius-sm);
background: linear-gradient(135deg, var(--primary), #7C58E8);
display: flex;
@@ -167,9 +168,9 @@ body {
justify-content: center;
color: white;
font-size: 24px;
font-size: 18px;
box-shadow: var(--shadow-md);
box-shadow: var(--shadow-sm);
flex-shrink: 0;
}
@@ -177,35 +178,35 @@ body {
.profitability-header-content {
display: flex;
flex-direction: column;
gap: var(--space-sm);
gap: var(--space-xs);
min-width: 0;
}
.profitability-header-content h2 {
font-size: 24px;
font-size: 16px;
font-weight: 700;
color: var(--text-primary);
margin: 0;
letter-spacing: -0.02em;
letter-spacing: -0.01em;
line-height: 1.2;
}
.profitability-header-title {
font-size: 24px;
font-size: 16px;
font-weight: 700;
color: var(--text-primary);
margin: 0;
letter-spacing: -0.02em;
letter-spacing: -0.01em;
line-height: 1.2;
}
.profitability-header-subtitle {
font-size: 13px;
font-size: 12px;
font-weight: 500;
color: var(--text-secondary);
display: flex;
align-items: center;
gap: var(--space-lg);
gap: var(--space-sm);
flex-wrap: wrap;
margin: 0;
}
@@ -232,7 +233,7 @@ body {
.header-divider {
width: 1px;
height: 20px;
height: 16px;
background: var(--border);
}
@@ -242,12 +243,12 @@ body {
border-radius: 50%;
background: var(--text-tertiary);
display: inline-block;
margin: 0 6px;
margin: 0 4px;
}
.profitability-kpi-group {
display: flex;
gap: var(--space-md);
gap: var(--space-sm);
flex-wrap: wrap;
flex-shrink: 0;
}
@@ -255,11 +256,11 @@ body {
.profitability-dashboard .profitability-kpi-chip {
display: inline-flex;
align-items: center;
gap: var(--space-md);
padding: var(--space-md) var(--space-lg);
gap: var(--space-sm);
padding: 6px 12px;
border-radius: var(--radius-md);
border: 1px solid;
font-size: 12px;
font-size: 11px;
font-weight: 600;
white-space: nowrap;
transition: all var(--duration-base) var(--easing);
@@ -278,12 +279,12 @@ body {
}
.profitability-kpi-chip:hover {
transform: translateY(-2px);
box-shadow: var(--shadow-md);
transform: translateY(-1px);
box-shadow: var(--shadow-sm);
}
.profitability-kpi-chip-icon {
font-size: 16px;
font-size: 14px;
display: flex;
align-items: center;
flex-shrink: 0;
@@ -292,20 +293,20 @@ body {
.profitability-kpi-chip-content {
display: flex;
flex-direction: column;
gap: 2px;
gap: 1px;
}
.profitability-kpi-chip-label {
font-size: 10px;
font-size: 9px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
letter-spacing: 0.05em;
opacity: 0.8;
}
.profitability-kpi-chip-amount {
font-size: 16px;
font-weight: 800;
font-size: 13px;
font-weight: 700;
letter-spacing: -0.01em;
}