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

updates on the build regarding the dispatch page design fix

Browse Source
This commit is contained in:
dharaneesh-r
2026-08-28 16:51:17 +05:30
parent 2c892b93c3
commit 8d54a317cc
2 changed files with 76 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -5530,39 +5530,76 @@
}
/* Kitchen Popup */
.dispatch-container .kitchen-popup .leaflet-popup-content-wrapper {
padding: 0;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 12px 28px -4px rgba(15, 23, 42, 0.22), 0 4px 10px -2px rgba(15, 23, 42, 0.08);
border: 1px solid #e2e8f0;
}
.dispatch-container .kitchen-popup .leaflet-popup-content {
margin: 0;
line-height: normal;
}
.dispatch-container .kitchen-popup .leaflet-popup-close-button {
top: 7px;
right: 7px;
width: 22px;
height: 22px;
padding: 0;
border-radius: 6px;
color: #64748b;
font-size: 16px;
display: flex;
align-items: center;
justify-content: center;
background: rgba(0, 0, 0, 0.04);
transition: all 0.15s ease;
z-index: 10;
}
.dispatch-container .kitchen-popup .leaflet-popup-close-button:hover {
background: rgba(0, 0, 0, 0.09);
color: #0f172a;
}
.dispatch-container .kitchen-popup .kp-header {
background: #f8fafc;
color: #64748b;
font-size: 10px;
font-weight: 800;
letter-spacing: 0.1em;
padding: 8px 14px;
padding: 9px 34px 9px 14px;
border-bottom: 1px solid #e2e8f0;
border-radius: 5px 5px 0 0;
}
.dispatch-container .kitchen-popup .kp-name {
padding: 14px 14px 4px;
font-size: 16px;
font-size: 17px;
font-weight: 800;
color: var(--kitchen);
color: #ea580c;
letter-spacing: -0.01em;
}
.dispatch-container .kitchen-popup .kp-stat {
display: flex;
align-items: center;
justify-content: space-between;
padding: 8px 14px 16px;
padding: 8px 14px 14px;
}
.dispatch-container .kitchen-popup .kp-stat-lbl {
font-size: 12px;
font-weight: 600;
color: #64748b;
}
.dispatch-container .kitchen-popup .kp-stat-val {
font-size: 16px;
font-size: 18px;
font-weight: 800;
color: #1e293b;
color: #0f172a;
}
/* Empty slot state — shown in the sidebar list when no orders match the selected batch */