TriedUrlCallout
Source: client/lib/theme/vueda-tailwind/display/index.js
Two-column callout wrapper for the attempted URL.
Vue component: TriedUrlCallout
| Slot | Default classes | Description |
|---|---|---|
| root | 4 classes | Two-column callout wrapper for the attempted URL. |
| label | 2 classes | Uppercase label column for the attempted URL. |
| value | font-mono text-[12.5px] font-normal leading-none min-w-0 truncate | Mono value column for URL segments; individual spans own their signal color. |
| fade | text-muted-foreground | Muted treatment for non-error URL segments so the bad segment remains the signal. |
root
Two-column callout wrapper for the attempted URL.
Default classes:
grid grid-cols-[88px_1fr] items-center gap-x-2
rounded-vueda-card hairline hairline-border
px-3 py-2
overflow-hiddenSource: client/lib/theme/vueda-tailwind/display/TriedUrlCallout.theme.js:16
label
Uppercase label column for the attempted URL.
Default classes:
text-[10px] font-semibold uppercase tracking-[0.06em]
text-muted-foreground leading-none shrink-0Source: client/lib/theme/vueda-tailwind/display/TriedUrlCallout.theme.js:25
value
Mono value column for URL segments; individual spans own their signal color.
Default classes:
font-mono text-[12.5px] font-normal leading-none min-w-0 truncate
Source: client/lib/theme/vueda-tailwind/display/TriedUrlCallout.theme.js:32
fade
Muted treatment for non-error URL segments so the bad segment remains the signal.
Default classes:
text-muted-foreground
Source: client/lib/theme/vueda-tailwind/display/TriedUrlCallout.theme.js:36