Doormile/doormilxpress_astryx
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updates on the map configuration and the design

Browse Source
This commit is contained in:
dharaneesh-r
2026-08-28 16:42:19 +05:30
parent 01d69e2f4f
commit 2c892b93c3
3 changed files with 172 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
src/pages/doormile/dispatch/Dispatch.css
View File

@@ -5237,12 +5237,12 @@
padding-right: 44px;
}
/* --- Header: purple gradient with order id + status + rider --- */
/* --- Header: red gradient with order id + status + rider --- */
.dispatch-container .dispatch-popup .pu-header {
background: var(--color-accent);
background: linear-gradient(135deg, #D81E06 0%, #C8102E 100%);
padding: 14px 16px 12px;
color: #fff;
border-radius: 5px 5px 0 0;
border-radius: 8px 8px 0 0;
}
.dispatch-container .dispatch-popup .pu-header-top {
@@ -5254,8 +5254,7 @@
}
.dispatch-container .dispatch-popup .pu-id {
/* Override the legacy pu-id styling — no separate background, sits on
the purple gradient instead. */
/* Override the legacy pu-id styling — sits on the red header instead. */
background: transparent;
border: 0;
border-radius: 0;
@@ -5374,13 +5373,13 @@
font-weight: 800;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--color-accent);
color: #D81E06;
}
.dispatch-container .dispatch-popup .pu-header-step-value {
font-size: 15px;
font-weight: 800;
color: var(--color-accent);
color: #D81E06;
white-space: nowrap;
}
@@ -5405,8 +5404,8 @@
font-weight: 800;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--color-accent);
border-bottom: 1px solid rgba(123, 31, 162, 0.18);
color: #D81E06;
border-bottom: 1px solid rgba(216, 30, 6, 0.15);
}
/* --- Timeline: lay events out as a 2-column grid so the 6-row vertical
@@ -5438,18 +5437,18 @@
align-items: flex-start;
gap: 8px;
padding: 8px 10px;
background: rgba(123, 31, 162, 0.05);
border: 1px solid rgba(123, 31, 162, 0.12);
border-radius: 5px;
background: rgba(216, 30, 6, 0.04);
border: 1px solid rgba(216, 30, 6, 0.1);
border-radius: 6px;
min-width: 0;
}
.dispatch-container .dispatch-popup .pu-detail-icon {
width: 26px;
height: 26px;
border-radius: 5px;
background: rgba(123, 31, 162, 0.12);
color: var(--color-accent);
border-radius: 6px;
background: rgba(216, 30, 6, 0.1);
color: #D81E06;
display: flex;
align-items: center;
justify-content: center;
@@ -5492,7 +5491,7 @@
gap: 6px;
margin-top: 8px;
padding-top: 8px;
border-top: 1px dashed rgba(123, 31, 162, 0.18);
border-top: 1px dashed rgba(216, 30, 6, 0.18);
}
.dispatch-container .dispatch-popup .pu-distance-chip {
@@ -5500,8 +5499,8 @@
align-items: center;
gap: 5px;
padding: 5px 10px;
background: linear-gradient(135deg, rgba(123, 31, 162, 0.08), rgba(156, 39, 176, 0.06));
border: 1px solid rgba(123, 31, 162, 0.2);
background: rgba(216, 30, 6, 0.05);
border: 1px solid rgba(216, 30, 6, 0.15);
border-radius: 999px;
font-size: 11px;
font-weight: 600;
@@ -5509,7 +5508,7 @@
.dispatch-container .dispatch-popup .pu-distance-icon {
display: inline-flex;
color: var(--color-accent);
color: #D81E06;
}
.dispatch-container .dispatch-popup .pu-distance-icon svg {