Changed Device Status Indicators to Pills

This commit is contained in:
2025-09-05 13:35:29 -06:00
parent 7e66a26dcc
commit 3670b23d2f
2 changed files with 13 additions and 13 deletions

View File

@@ -627,7 +627,7 @@ export default function DeviceDetails({ device, onBack }) {
py: 0.25, py: 0.25,
borderRadius: 999, borderRadius: 999,
bgcolor: jobStatusColor(r.status), bgcolor: jobStatusColor(r.status),
color: "#000", color: "#fff",
fontWeight: 600, fontWeight: 600,
fontSize: "12px" fontSize: "12px"
}}> }}>

View File

@@ -231,18 +231,18 @@ export default function DeviceList({ onSelectDevice }) {
/> />
</TableCell> </TableCell>
<TableCell> <TableCell>
<Box sx={{ display: "flex", alignItems: "center" }}> <Box
<Box sx={{
component="span" display: "inline-block",
sx={{ px: 1.2,
display: "inline-block", py: 0.25,
width: 10, borderRadius: 999,
height: 10, bgcolor: statusColor(r.status),
borderRadius: 10, color: "#fff",
bgcolor: statusColor(r.status), fontWeight: 600,
mr: 1, fontSize: "12px",
}} }}
/> >
{r.status} {r.status}
</Box> </Box>
</TableCell> </TableCell>