This commit is contained in:
2026-07-01 12:50:35 +05:30
parent 1d0d7c428c
commit 360b13a467
2 changed files with 91 additions and 22 deletions

View File

@@ -5669,6 +5669,47 @@
letter-spacing: 0.04em;
}
/* Rider/customer/delivery-id stack on the left, Step badge pinned to the
right so operators can read the sequence position without opening the
Details section. */
.dispatch-container .dispatch-popup .pu-header-main {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 10px;
}
.dispatch-container .dispatch-popup .pu-header-left {
min-width: 0;
flex: 1;
}
.dispatch-container .dispatch-popup .pu-header-step {
flex-shrink: 0;
display: flex;
flex-direction: column;
align-items: center;
padding: 4px 10px;
border-radius: 10px;
background: #fff;
border: 1px solid rgba(255, 255, 255, 0.3);
}
.dispatch-container .dispatch-popup .pu-header-step-label {
font-size: 9px;
font-weight: 800;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #7b1fa2;
}
.dispatch-container .dispatch-popup .pu-header-step-value {
font-size: 15px;
font-weight: 800;
color: #7b1fa2;
white-space: nowrap;
}
/* --- Body sections ---
No scroll: the popup expands to fit its content. Width is the dimension
we constrain (via leaflet's maxWidth prop) so the body grows downward as