mirror of
https://github.com/Tria-plc/edr-platform.git
synced 2026-08-27 00:52:50 +00:00
56 lines
1.3 KiB
CSS
56 lines
1.3 KiB
CSS
/* ============================================================
|
|
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: var(--mantine-color-edr-green-7);
|
|
}
|
|
|
|
/* ---- 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: var(--mantine-color-edr-green-5) !important;
|
|
color: #ffffff !important;
|
|
}
|
|
.ov-tab[data-active]:hover {
|
|
color: #ffffff;
|
|
}
|