Openstatus
www.openstatus.dev
🧑🎨 small feedback (#889)
authored by
Thibault Le Ouay
and committed by
GitHub
f49e0931
60f79f79
+16
-4
+9
-2
apps/web/src/app/app/[workspaceSlug]/(dashboard)/monitors/[id]/layout.tsx
+9
-2
apps/web/src/app/app/[workspaceSlug]/(dashboard)/monitors/[id]/layout.tsx
···
33
33
title={monitor.name}
34
34
description={
35
35
<div className="flex flex-wrap items-center gap-2 text-muted-foreground">
36
-
<span className="max-w-xs truncate md:max-w-md">{monitor.url}</span>
36
+
<a
37
+
href={monitor.url}
38
+
target="_blank"
39
+
rel="noreferrer"
40
+
className="max-w-xs truncate text-base text-muted-foreground md:max-w-md"
41
+
>
42
+
{monitor.url}
43
+
</a>
37
44
<span className="text-muted-foreground/50 text-xs">•</span>
38
45
<StatusDotWithTooltip
39
46
active={monitor.active}
···
45
52
<span className="text-muted-foreground/50 text-xs">•</span>
46
53
<TagBadgeWithTooltip
47
54
tags={monitor.monitorTagsToMonitors.map(
48
-
({ monitorTag }) => monitorTag,
55
+
({ monitorTag }) => monitorTag
49
56
)}
50
57
/>
51
58
</>
+7
-2
apps/web/src/app/public/monitors/[id]/page.tsx
+7
-2
apps/web/src/app/public/monitors/[id]/page.tsx
···
102
102
<Shell className="sticky top-2 z-10 flex items-center justify-between gap-2 bg-background/80 backdrop-blur-sm">
103
103
<div className="min-w-0">
104
104
<p className="font-semibold text-sm">{monitor.name}</p>
105
-
<p className="truncate text-base text-muted-foreground">
105
+
<a
106
+
href={monitor.url}
107
+
target="_blank"
108
+
rel="noreferrer"
109
+
className="truncate text-base text-muted-foreground"
110
+
>
106
111
{monitor.url}
107
-
</p>
112
+
</a>
108
113
</div>
109
114
<div className="flex items-center gap-2">
110
115
{isDirty ? <ButtonReset /> : null}