Merge pull request #1117 from dbeaver/chore/cb-2548/product-information-design

chore(corer-blocks): CB-2548 product information design

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;
         }

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;
 }

webapp/packages/core-blocks/src/Containers/filterContainerFakeProps.ts

@@ -22,6 +22,7 @@ export function filterContainerFakeProps<T extends IContainerProps>(props: T): O
     gap,
     grid,
     dense,
+    compact,
     ...rest
   } = filterLayoutFakeProps(props);
 

webapp/packages/plugin-product/src/ProductInfoDialog.tsx

@@ -65,7 +65,7 @@ export const ProductInfoDialog = observer<DialogComponentProps<null>>(
         onReject={props.rejectDialog}
       >
         <ColoredContainer>
-          <Group gap>
+          <Group gap compact box>
             {!productInfo ? (
               <TextPlaceholder>{translate('app_product_info_placeholder')}</TextPlaceholder>
             ) : (