diff --git a/components/product/ProductCard/ProductCard.module.css b/components/product/ProductCard/ProductCard.module.css index 0c8dd1c04..72e517f18 100644 --- a/components/product/ProductCard/ProductCard.module.css +++ b/components/product/ProductCard/ProductCard.module.css @@ -101,7 +101,7 @@ } .productTitle { - @apply pt-2 max-w-full w-full; + @apply max-w-full w-full; font-size: 2rem; letter-spacing: 0.4px; diff --git a/components/product/ProductCard/ProductCard.tsx b/components/product/ProductCard/ProductCard.tsx index f047136b4..3eacee42d 100644 --- a/components/product/ProductCard/ProductCard.tsx +++ b/components/product/ProductCard/ProductCard.tsx @@ -57,7 +57,7 @@ const ProductCard: FC = ({
-

+

{p.name}

{price} diff --git a/tailwind.config.js b/tailwind.config.js index ec80f58e3..3535079a7 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -46,6 +46,9 @@ module.exports = { magical: 'rgba(0, 0, 0, 0.02) 0px 30px 30px, rgba(0, 0, 0, 0.03) 0px 0px 8px, rgba(0, 0, 0, 0.05) 0px 1px 0px', }, + lineHeight: { + 'extra-loose': '2.3' + } }, }, plugins: [require('@tailwindcss/ui')],