[dyad] Made schema display more compact - wrote 1 file(s)
This commit is contained in:
@@ -114,13 +114,13 @@ const SchemaObjectRenderer = ({
|
|||||||
return (
|
return (
|
||||||
<div
|
<div
|
||||||
key={key}
|
key={key}
|
||||||
className="grid grid-cols-1 md:grid-cols-[160px_1fr] gap-x-4 gap-y-1"
|
className="grid grid-cols-1 md:grid-cols-[auto_auto] md:justify-start gap-x-6 gap-y-1"
|
||||||
>
|
>
|
||||||
<div className="flex items-center gap-2 font-semibold text-sm text-muted-foreground flex-shrink-0">
|
<div className="flex items-center gap-2 font-semibold text-sm text-muted-foreground flex-shrink-0 whitespace-nowrap">
|
||||||
{Icon && <Icon className="h-4 w-4" />}
|
{Icon && <Icon className="h-4 w-4" />}
|
||||||
<span>{label}</span>
|
<span>{label}</span>
|
||||||
</div>
|
</div>
|
||||||
<div className="flex-grow text-sm text-foreground md:pl-0">
|
<div className="text-sm text-foreground pl-6 md:pl-0">
|
||||||
{key === "@type" ? (
|
{key === "@type" ? (
|
||||||
<Badge variant="secondary">{value as string}</Badge>
|
<Badge variant="secondary">{value as string}</Badge>
|
||||||
) : (
|
) : (
|
||||||
|
|||||||
Reference in New Issue
Block a user