[dyad] Adjusted schema display padding - wrote 1 file(s)
This commit is contained in:
@@ -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>
|
||||
);
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user