Skip to content

Commit 0487cae

Browse files
committed
Simpler tool tip text layout
1 parent e076708 commit 0487cae

File tree

1 file changed

+10
-56
lines changed
  • apps/webapp/app/routes/resources.orgs.$organizationSlug.projects.$projectParam.env.$envParam.runs.$runParam.spans.$spanParam

1 file changed

+10
-56
lines changed

apps/webapp/app/routes/resources.orgs.$organizationSlug.projects.$projectParam.env.$envParam.runs.$runParam.spans.$spanParam/route.tsx

Lines changed: 10 additions & 56 deletions
Original file line numberDiff line numberDiff line change
@@ -595,68 +595,22 @@ function RunBody({
595595
<GlobeAltIcon className="size-4 text-blue-500" />
596596
<Header3>Scope</Header3>
597597
</div>
598-
<ul className="flex flex-col gap-0.5 text-sm">
599-
<li className="flex gap-1.5">
600-
<span className="text-text-dimmed"></span>
601-
<span>
602-
<span className="text-text-bright">Global:</span>{" "}
603-
<span className="text-text-dimmed">
604-
applies across all runs
605-
</span>
606-
</span>
607-
</li>
608-
<li className="flex gap-1.5">
609-
<span className="text-text-dimmed"></span>
610-
<span>
611-
<span className="text-text-bright">Run:</span>{" "}
612-
<span className="text-text-dimmed">
613-
unique to a parent run
614-
</span>
615-
</span>
616-
</li>
617-
<li className="flex gap-1.5">
618-
<span className="text-text-dimmed"></span>
619-
<span>
620-
<span className="text-text-bright">Attempt:</span>{" "}
621-
<span className="text-text-dimmed">
622-
unique to a specific attempt
623-
</span>
624-
</span>
625-
</li>
626-
</ul>
598+
<div className="flex flex-col gap-0.5 text-sm text-text-dimmed">
599+
<div>Global: applies across all runs</div>
600+
<div>Run: unique to a parent run</div>
601+
<div>Attempt: unique to a specific attempt</div>
602+
</div>
627603
</div>
628604
<div>
629605
<div className="mb-1 flex items-center gap-1">
630606
<SignalIcon className="size-4 text-success" />
631607
<Header3>Status</Header3>
632608
</div>
633-
<ul className="flex flex-col gap-0.5 text-sm">
634-
<li className="flex gap-1.5">
635-
<span className="text-text-dimmed"></span>
636-
<span>
637-
<span className="text-text-bright">Active:</span>{" "}
638-
<span className="text-text-dimmed">
639-
duplicates are blocked
640-
</span>
641-
</span>
642-
</li>
643-
<li className="flex gap-1.5">
644-
<span className="text-text-dimmed"></span>
645-
<span>
646-
<span className="text-text-bright">Expired:</span>{" "}
647-
<span className="text-text-dimmed">the TTL has passed</span>
648-
</span>
649-
</li>
650-
<li className="flex gap-1.5">
651-
<span className="text-text-dimmed"></span>
652-
<span>
653-
<span className="text-text-bright">Inactive:</span>{" "}
654-
<span className="text-text-dimmed">
655-
the key was reset or cleared
656-
</span>
657-
</span>
658-
</li>
659-
</ul>
609+
<div className="flex flex-col gap-0.5 text-sm text-text-dimmed">
610+
<div>Active: duplicates are blocked</div>
611+
<div>Expired: the TTL has passed</div>
612+
<div>Inactive: the key was reset or cleared</div>
613+
</div>
660614
</div>
661615
<LinkButton
662616
to={docsPath("idempotency")}

0 commit comments

Comments
 (0)