diff --git a/src/common/components/intractive-image/interactive-image.module.scss b/src/common/components/intractive-image/interactive-image.module.scss index 3da1b09b..be848340 100644 --- a/src/common/components/intractive-image/interactive-image.module.scss +++ b/src/common/components/intractive-image/interactive-image.module.scss @@ -22,8 +22,8 @@ display: flex; justify-content: center; align-items: center; - width: 64px; - height: 64px; + width: 52px; + height: 52px; background: rgba(colors.$basic-gray87, 0.4); border-radius: 50%; transform: translate(-50%, -50%); @@ -34,8 +34,8 @@ &::after { content: ''; display: block; - width: 24px; - height: 24px; + width: 20px; + height: 20px; background: #fff; border-radius: 50%; } diff --git a/src/common/components/product-info/__stories__/index.stories.tsx b/src/common/components/product-info/__stories__/index.stories.tsx index 761a8f2a..966b0b24 100644 --- a/src/common/components/product-info/__stories__/index.stories.tsx +++ b/src/common/components/product-info/__stories__/index.stories.tsx @@ -47,80 +47,50 @@ const Bootstrap: React.FC = ({ children }) => ( ); export const Primary = () => ( - - - { - e.preventDefault(); - action('Клик: ссылка на товар (изображение)')(); - }} - > - - - - + + + + + + - - {data.badges.map((badge, index) => ( - - ))} - + + + + - + - { - e.preventDefault(); - action('Клик: ссылка на товар')(); - }} - > - {data.name} - + {data.name} - Арт. 1234567890 + Арт. 1234567890 - { - e.preventDefault(); - action('Клик: ссылка на торговую марку')(); - }} - > - {data.trademarkName} - + {data.trademarkName} - + - - - - - - - + + + + + + ); export const PositionedImageIcons = () => ( diff --git a/src/common/components/product-info/types.ts b/src/common/components/product-info/types.ts index 4bc4758e..529a7d35 100644 --- a/src/common/components/product-info/types.ts +++ b/src/common/components/product-info/types.ts @@ -1,4 +1,7 @@ export interface ProductInfoProps { + /** Ограничение товара. Влияет на отображение информации. */ restriction?: 'adult' | 'unavailable'; + + /** Содержимое. */ children?: React.ReactNode; } diff --git a/src/desktop/components/product-card/__stories__/index.stories.tsx b/src/desktop/components/product-card/__stories__/index.stories.tsx index e80136f0..da65afe3 100644 --- a/src/desktop/components/product-card/__stories__/index.stories.tsx +++ b/src/desktop/components/product-card/__stories__/index.stories.tsx @@ -104,6 +104,8 @@ export const PrimaryItem = () => { {data.trademark.name} + + { {item.name} + +