diff --git a/frontend/src/lib/components/apps/components/layout/AppList.svelte b/frontend/src/lib/components/apps/components/layout/AppList.svelte index 30ae3f9c4d..287c9bfa5e 100644 --- a/frontend/src/lib/components/apps/components/layout/AppList.svelte +++ b/frontend/src/lib/components/apps/components/layout/AppList.svelte @@ -18,7 +18,7 @@ export let id: string export let componentInput: AppInput | undefined export let configuration: RichConfigurations - export let customCss: ComponentCustomCSS<'containercomponent'> | undefined = undefined + export let customCss: ComponentCustomCSS<'listcomponent'> | undefined = undefined export let render: boolean export let initializing: boolean | undefined @@ -143,7 +143,11 @@ style={css?.container?.style} >
{#if $app.subgrids?.[`${id}-0`]} {#if Array.isArray(pagination.data) && pagination.data.length > 0} @@ -154,7 +158,11 @@ ? `min-width: ${resolvedConfig.width?.configuration?.card?.minWidthPx}px; ` : '' } max-height: ${resolvedConfig.heightPx}px;`} - class="overflow-auto {!isCard ? 'w-full' : 'border'}" + class="overflow-auto {!isCard + ? 'w-full' + : resolvedConfig?.displayBorders + ? 'border' + : ''}" > { diff --git a/frontend/src/lib/components/apps/editor/component/components.ts b/frontend/src/lib/components/apps/editor/component/components.ts index 28f172b26a..e594a5f965 100644 --- a/frontend/src/lib/components/apps/editor/component/components.ts +++ b/frontend/src/lib/components/apps/editor/component/components.ts @@ -749,7 +749,13 @@ export const components = { } } } - } as const + } as const, + displayBorders: { + type: 'static', + fieldType: 'boolean', + value: true, + tooltip: 'Display borders between items' + } }, componentInput: { type: 'static',