mirror/Checkmate
1
0
Fork 0
mirror of https://github.com/bluewave-labs/Checkmate.git synced 2026-04-29 05:00:24 -05:00
Code Issues Packages Projects Releases Wiki Activity

fix: add CSS classes to prevent URL and name overflow in monitors

Browse Source
This commit is contained in:
varunrmantri23
2025-06-08 12:53:30 +05:30
parent 6d236477ac
commit 1f6826e045
5 changed files with 34 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/Components/MonitorDetailsControlHeader/status.jsx
+7 -1
View File
@@ -27,7 +27,12 @@ const Status = ({ monitor }) => {
return (
<Stack>
<Typography variant="h1">{monitor?.name}</Typography>
<Typography
variant="h1"
className="monitor-name-text"
>
{monitor?.name}
</Typography>
<Stack
direction="row"
alignItems={"center"}
@@ -37,6 +42,7 @@ const Status = ({ monitor }) => {
<Typography
variant="h2"
style={{ fontFamily: "monospace", fontWeight: "bolder" }}
className="monitor-url-text"
>
{monitor?.url?.replace(/^https?:\/\//, "") || "..."}
</Typography>
client/src/Components/MonitorStatusHeader/index.jsx
+8 -2
View File
@@ -21,7 +21,12 @@ const MonitorStatusHeader = ({ path, isLoading = false, isAdmin, monitor }) => {
justifyContent="space-between"
>
<Stack>
<Typography variant="h1">{monitor?.name}</Typography>
<Typography
variant="h1"
className="monitor-name-text"
>
{monitor?.name}
</Typography>
<Stack
direction="row"
alignItems={"center"}
@@ -29,8 +34,9 @@ const MonitorStatusHeader = ({ path, isLoading = false, isAdmin, monitor }) => {
>
<PulseDot color={statusColor[determineState(monitor)]} />
<Typography
component="h2"
variant="h2"
style={{ fontFamily: "monospace", fontWeight: "bolder" }}
className="monitor-url-text"
>
{monitor?.url?.replace(/^https?:\/\//, "") || "..."}
</Typography>