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

updates on the profitiability page

Browse Source
This commit is contained in:
dharaneesh-r
2026-06-22 16:59:40 +05:30
parent 25aaa46e5d
commit e184cd2d3b
3 changed files with 25 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -319,7 +319,7 @@ body {
max-width: 100%;
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: var(--space-xl);
margin-bottom: var(--space-lg);
@@ -338,9 +338,9 @@ body {
display: flex;
flex-direction: column;
gap: var(--space-md);
gap: 6px;
padding: var(--space-2xl);
padding: 12px 16px;
background: var(--bg-card);
border: 1px solid var(--border);
@@ -508,10 +508,10 @@ body {
}
.profitability-summary-value {
font-size: clamp(28px, 3vw, 42px);
font-size: clamp(20px, 2.2vw, 24px);
font-weight: 800;
color: var(--text-primary);
letter-spacing: -0.04em;
letter-spacing: -0.02em;
line-height: 1;
margin: 0;
overflow-wrap: break-word;
@@ -1390,10 +1390,10 @@ body {
}
}
/* LAPTOP: 1280px - 4-column still works */
/* LAPTOP: 1280px - 5-column works since cards are smaller */
@media (max-width: 1440px) {
.profitability-summary-row {
grid-template-columns: repeat(4, minmax(0, 1fr));
grid-template-columns: repeat(5, minmax(0, 1fr));
}
}