pascallinxweiler/Metify
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[dyad] Aligned schema display columns - wrote 1 file(s)

Browse Source
This commit is contained in:
[dyad]
2026-01-20 15:01:27 +01:00
parent 3fda1b889a
commit 596c2643d4
1 changed files with 4 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/pretty-schema-display.tsx
View File

@@ -104,7 +104,7 @@ const SchemaObjectRenderer = ({
isNested?: boolean; isNested?: boolean;
}) => { }) => {
const content = ( const content = (
<div className="space-y-4"> <div className="inline-grid grid-cols-1 md:grid-cols-[auto_auto] items-start gap-x-6 gap-y-4">
{Object.entries(data).map(([key, value]) => { {Object.entries(data).map(([key, value]) => {
if (key === "@context") return null; if (key === "@context") return null;
const label = const label =
@@ -112,22 +112,19 @@ const SchemaObjectRenderer = ({
const Icon = keyIcons[key]; const Icon = keyIcons[key];
return ( return (
<div <React.Fragment key={key}>
key={key}
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 whitespace-nowrap"> <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="text-sm text-foreground pl-6 md:pl-0"> <div className="text-sm text-foreground">
{key === "@type" ? ( {key === "@type" ? (
<Badge variant="secondary">{value as string}</Badge> <Badge variant="secondary">{value as string}</Badge>
) : ( ) : (
renderValue(value) renderValue(value)
)} )}
</div> </div>
</div> </React.Fragment>
); );
})} })}
</div> </div>