Merge pull request #2157 from Rimaru06/issue#1992

Enhance Monitor Header: Apply Monospaced Font to URL and Increase Gap Between Elements
This commit is contained in:
Alexander Holliday
2025-04-28 11:37:11 -07:00
committed by GitHub

View File

@@ -25,10 +25,12 @@ const MonitorStatusHeader = ({ path, isLoading = false, isAdmin, monitor }) => {
<Stack
direction="row"
alignItems={"center"}
gap={theme.spacing(2)}
gap={theme.spacing(4)}
>
<PulseDot color={statusColor[determineState(monitor)]} />
<Typography variant="h2">
<Typography variant="h2"
style={{fontFamily : "monospace" , fontWeight : 'bolder'}}
>
{monitor?.url?.replace(/^https?:\/\//, "") || "..."}
</Typography>
<Dot />