[dyad] Adjusted schema display padding - wrote 1 file(s)

This commit is contained in:
[dyad]
2026-01-20 15:09:09 +01:00
parent 1f50915df1
commit 942efc38fd

View File

@@ -81,7 +81,7 @@ const renderValue = (value: any): React.ReactNode => {
if (typeof value === "object" && value !== null) {
if (Array.isArray(value)) {
return (
<div className="flex flex-col gap-3">
<div className="flex flex-col gap-2">
{value.map((item, index) => (
<div key={index} className="pl-4">
{renderValue(item)}
@@ -104,7 +104,7 @@ const SchemaObjectRenderer = ({
isNested?: boolean;
}) => {
const content = (
<div className="inline-grid grid-cols-1 md:grid-cols-[auto_auto] items-start gap-x-6 gap-y-4">
<div className="inline-grid grid-cols-1 md:grid-cols-[auto_auto] items-start gap-x-4 gap-y-2">
{Object.entries(data).map(([key, value]) => {
if (key === "@context") return null;
const label =
@@ -132,7 +132,7 @@ const SchemaObjectRenderer = ({
if (isNested) {
return (
<div className="p-4 border rounded-lg bg-muted/50">{content}</div>
<div className="p-3 border rounded-lg bg-muted/50">{content}</div>
);
}