diff --git a/webapp/packages/core-blocks/src/Containers/BASE_CONTAINERS_STYLES.ts b/webapp/packages/core-blocks/src/Containers/BASE_CONTAINERS_STYLES.ts index d41df8da17..894f2f2fcc 100644 --- a/webapp/packages/core-blocks/src/Containers/BASE_CONTAINERS_STYLES.ts +++ b/webapp/packages/core-blocks/src/Containers/BASE_CONTAINERS_STYLES.ts @@ -62,6 +62,10 @@ export const BASE_CONTAINERS_STYLES = css` &[parent] { padding: 24px; + &[compact] { + padding: 16px; + } + &[dense] { padding: 8px; } @@ -70,6 +74,10 @@ export const BASE_CONTAINERS_STYLES = css` &[gap] { gap: 24px; + &[compact] { + gap: 16px; + } + &[dense] { gap: 8px; } diff --git a/webapp/packages/core-blocks/src/Containers/IContainerProps.ts b/webapp/packages/core-blocks/src/Containers/IContainerProps.ts index c9c38f2e3a..3023967dad 100644 --- a/webapp/packages/core-blocks/src/Containers/IContainerProps.ts +++ b/webapp/packages/core-blocks/src/Containers/IContainerProps.ts @@ -20,4 +20,5 @@ export interface IContainerProps extends ILayoutSizeProps { gap?: boolean; grid?: boolean; dense?: boolean; + compact?: boolean; } diff --git a/webapp/packages/core-blocks/src/Containers/filterContainerFakeProps.ts b/webapp/packages/core-blocks/src/Containers/filterContainerFakeProps.ts index ddbf8ee49e..630bfa80a4 100644 --- a/webapp/packages/core-blocks/src/Containers/filterContainerFakeProps.ts +++ b/webapp/packages/core-blocks/src/Containers/filterContainerFakeProps.ts @@ -22,6 +22,7 @@ export function filterContainerFakeProps(props: T): O gap, grid, dense, + compact, ...rest } = filterLayoutFakeProps(props); diff --git a/webapp/packages/plugin-product/src/ProductInfoDialog.tsx b/webapp/packages/plugin-product/src/ProductInfoDialog.tsx index 69377937a3..493023c956 100644 --- a/webapp/packages/plugin-product/src/ProductInfoDialog.tsx +++ b/webapp/packages/plugin-product/src/ProductInfoDialog.tsx @@ -65,7 +65,7 @@ export const ProductInfoDialog = observer>( onReject={props.rejectDialog} > - + {!productInfo ? ( {translate('app_product_info_placeholder')} ) : (