diff --git a/src/components/card-block-link/card-block-link.module.scss b/src/components/card-block-link/card-block-link.module.scss deleted file mode 100644 index 0c084173..00000000 --- a/src/components/card-block-link/card-block-link.module.scss +++ /dev/null @@ -1,53 +0,0 @@ -.card-block-link { - margin: 0; - width: 100%; - height: 200px; - background-color: gray; - border-radius: 16px; - transition: 0.2s; - overflow: hidden; - background-position: center; - background-repeat: no-repeat; - background-size: cover; - box-sizing: border-box; - display: inline-block; - text-decoration: none; - color: #fff; - - @media screen and (width <= 768px) { - height: 97px; - } - - &:hover { - cursor: pointer; - opacity: 0.7; - } -} - -.card-block-link__title { - margin: 0; - padding: 10px; - text-align: center; - max-width: 150px; - font-family: Ubuntu, Arial, sans-serif; - font-size: 24px; - font-style: normal; - font-weight: 700; - line-height: 140%; - box-sizing: border-box; - text-wrap: wrap; - position: relative; - - @media screen and (width <= 768px) { - max-width: 100px; - font-size: 15px; - } -} - -.card-block-link__title-wrapper { - display: flex; - align-items: center; - justify-content: center; - background-color: rgb(0 0 0 / 48.6%); - height: 100%; -} diff --git a/src/components/card-block-link/index.tsx b/src/components/card-block-link/index.tsx deleted file mode 100644 index 279b13da..00000000 --- a/src/components/card-block-link/index.tsx +++ /dev/null @@ -1,25 +0,0 @@ -import styles from './card-block-link.module.scss'; -import { Link } from 'react-router-dom'; - -type CardBlockLinkProps = { - title: string; - link: string; - backgroundImage: string | undefined; -}; - -function CardBlockLink({ title, link, backgroundImage }: CardBlockLinkProps) { - return ( - -
-

{title}

-
- - ); -} - -export default CardBlockLink; diff --git a/src/components/card-catalog-link/card-catalog-link.module.scss b/src/components/card-catalog-link/card-catalog-link.module.scss index be7e7088..b825a426 100644 --- a/src/components/card-catalog-link/card-catalog-link.module.scss +++ b/src/components/card-catalog-link/card-catalog-link.module.scss @@ -76,30 +76,6 @@ } } -.card-catalog-link__list-bento { - margin: 0; - padding: 0; - list-style: none; - gap: 20px; - display: grid; - grid-template-areas: - 'a a b b c c' - 'd d d e e e'; - margin-bottom: 13px; - - @media screen and (width <= 768px) { - grid-template-areas: - 'a b' - 'c d' - 'e .'; - gap: 4px; - } - - &:last-of-type { - margin-bottom: 0; - } -} - .card-catalog-link__list-item { margin: 0; padding: 0; diff --git a/src/components/card-catalog-link/index.tsx b/src/components/card-catalog-link/index.tsx index 9ea137f3..75fb019f 100644 --- a/src/components/card-catalog-link/index.tsx +++ b/src/components/card-catalog-link/index.tsx @@ -1,5 +1,4 @@ /* eslint-disable */ -import CardBlockLink from '../card-block-link'; import clsx from 'clsx'; import ProductCard from '../product-card'; import styles from './card-catalog-link.module.scss'; @@ -10,7 +9,7 @@ type CardCatalogLinkProps = { title: string; category?: string; array: Product[] | { title: string; link: string; backgroundImage: string }[]; - type: 'bento-grid' | 'single-row'; + type: 'single-row'; }; function CardCatalogLink({ title, array, type, category }: CardCatalogLinkProps) { @@ -21,18 +20,14 @@ function CardCatalogLink({ title, array, type, category }: CardCatalogLinkProps) styles[`card-catalog-link__title-container_type_${type}`] }`} > - +

{title}