diff --git a/components/core/Featurebar/Featurebar.tsx b/components/core/Featurebar/Featurebar.tsx index 6d5b88a0f..a243590b1 100644 --- a/components/core/Featurebar/Featurebar.tsx +++ b/components/core/Featurebar/Featurebar.tsx @@ -6,7 +6,7 @@ import s from './Featurebar.module.css' interface Props { className?: string title: string - description: string + description?: string hide?: boolean action?: React.ReactNode } diff --git a/components/core/Layout/Layout.tsx b/components/core/Layout/Layout.tsx index d409d5958..85da7e847 100644 --- a/components/core/Layout/Layout.tsx +++ b/components/core/Layout/Layout.tsx @@ -77,8 +77,7 @@ const Layout: FC = ({ children, pageProps }) => { {modalView === 'FORGOT_VIEW' && } setAcceptedCookies(true)}> diff --git a/components/product/ProductCard/ProductCard.module.css b/components/product/ProductCard/ProductCard.module.css index c47a0c287..171190df0 100644 --- a/components/product/ProductCard/ProductCard.module.css +++ b/components/product/ProductCard/ProductCard.module.css @@ -83,6 +83,7 @@ .simple { & .squareBg { @apply bg-accents-0 !important; + background-image: url("data:image/svg+xml,%3Csvg width='48' height='46' viewBox='0 0 48 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline opacity='0.05' x1='9.41421' y1='8' x2='21' y2='19.5858' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cline opacity='0.05' x1='1' y1='-1' x2='17.3848' y2='-1' transform='matrix(-0.707107 0.707107 0.707107 0.707107 40 8)' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cline opacity='0.05' x1='1' y1='-1' x2='17.3848' y2='-1' transform='matrix(0.707107 -0.707107 -0.707107 -0.707107 8 38)' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cline opacity='0.05' x1='38.5858' y1='38' x2='27' y2='26.4142' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } & .productTitle { diff --git a/components/product/ProductCard/ProductCard.tsx b/components/product/ProductCard/ProductCard.tsx index 60ebe5d03..924585bc1 100644 --- a/components/product/ProductCard/ProductCard.tsx +++ b/components/product/ProductCard/ProductCard.tsx @@ -12,8 +12,8 @@ interface Props { children?: ReactNode[] | Component[] | any[] product: ProductNode variant?: 'slim' | 'simple' - imgWidth: number - imgHeight: number + imgWidth: number | string + imgHeight: number | string priority?: boolean } diff --git a/components/ui/Sidebar/Sidebar.tsx b/components/ui/Sidebar/Sidebar.tsx index 3290d5b63..4c7704c4d 100644 --- a/components/ui/Sidebar/Sidebar.tsx +++ b/components/ui/Sidebar/Sidebar.tsx @@ -62,7 +62,7 @@ const Sidebar: FC = ({ className, children, open = false, onClose }) => { leaveFrom="translate-x-0" leaveTo="translate-x-full" > -
+
{children}
diff --git a/pages/index.tsx b/pages/index.tsx index 44a93c1d7..5304f691e 100644 --- a/pages/index.tsx +++ b/pages/index.tsx @@ -80,8 +80,8 @@ export default function Home({ key={node.path} product={node} // The first image is the largest one in the grid - imgWidth={i === 0 ? 1600 : 820} - imgHeight={i === 0 ? 1600 : 820} + imgWidth={i === 0 ? '65vw' : '30vw'} + imgHeight={i === 0 ? '45vw' : '22vw'} priority /> ))}