Tria/edr-platform
1
0
Fork 0
mirror of https://github.com/Tria-plc/edr-platform.git synced 2026-08-29 09:30:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

ui design for schedule

Browse Source
This commit is contained in:
Marshal
2026-06-10 00:12:52 +00:00
parent 257428be18
commit 2b5a0f4e96
25 changed files with 1687 additions and 611 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
apps/edr-freight-web/backoffice/src/components/overview/overview.css Normal file
View File

@@ -0,0 +1,57 @@
/* ============================================================
EDR Freight — Overview page styles (hero controls + tabs)
============================================================ */
/* ---- Hero range segmented control (on gradient) ---- */
.ov-seg-root {
background: rgba(255, 255, 255, 0.18) !important;
border: 1px solid rgba(255, 255, 255, 0.28);
}
.ov-seg-indicator {
background: #ffffff !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
}
.ov-seg-label {
color: rgba(255, 255, 255, 0.9);
font-weight: 600;
}
.ov-seg-label[data-active] {
color: #15803d;
}
/* ---- Premium tab bar ---- */
.ov-tablist {
display: flex;
flex-wrap: wrap;
gap: 8px;
padding: 6px;
background: #f1f5f9;
border-radius: 16px;
border: 1px solid #e2e8f0;
}
.ov-tab {
border-radius: 11px;
padding: 10px 18px;
font-weight: 600;
color: #475569;
border: 1px solid transparent;
transition:
background-color 160ms ease,
color 160ms ease,
box-shadow 160ms ease,
transform 160ms ease;
}
.ov-tab:hover {
background: #ffffff;
color: #0f172a;
box-shadow: 0 2px 10px -4px rgba(15, 23, 42, 0.18);
}
.ov-tab[data-active] {
background: linear-gradient(135deg, #22c55e 0%, #15803d 100%) !important;
color: #ffffff !important;
box-shadow: 0 10px 20px -8px rgba(21, 128, 61, 0.55);
transform: translateY(-1px);
}
.ov-tab[data-active]:hover {
color: #ffffff;
}