diff --git a/frontend/src/lib/components/PropertyRow.svelte b/frontend/src/lib/components/PropertyRow.svelte index 8755063ae8..45c0de908c 100644 --- a/frontend/src/lib/components/PropertyRow.svelte +++ b/frontend/src/lib/components/PropertyRow.svelte @@ -5,6 +5,7 @@ import SchemaEditorProperty from './SchemaEditorProperty.svelte' import { Button } from './common' import { Pen, Trash } from 'lucide-svelte' + import { truncate } from '$lib/utils' export let displayInfo: PropertyDisplayInfo export let isAnimated: boolean @@ -44,8 +45,15 @@ {#if !lightMode} - {displayInfo.property.default ? JSON.stringify(displayInfo.property.default) : ''} - {displayInfo.property.description ?? ''} + {truncate( + displayInfo.property.default ? JSON.stringify(displayInfo.property.default) : '', + 100 + )} + {truncate(displayInfo.property.description ?? '', 100)} {/if} diff --git a/frontend/src/lib/components/SchemaEditor.svelte b/frontend/src/lib/components/SchemaEditor.svelte index 1d23741577..bb574025e1 100644 --- a/frontend/src/lib/components/SchemaEditor.svelte +++ b/frontend/src/lib/components/SchemaEditor.svelte @@ -312,9 +312,9 @@
{#if !viewJsonSchema} -
+
{#if schema.properties && Object.keys(schema.properties).length > 0 && schema.required} - + Name Type @@ -327,7 +327,7 @@ {#key schema.required} {#each schemaPropertiesToDisplay(schema) as displayInfo (displayInfoKey(displayInfo))} - +