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',