take up full width on mobile view

ethanniser · Oct 20, 2024 · 0fb0d3b · 0fb0d3b
1 parent 1b4cdf7
commit 0fb0d3b
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/app/(category-sidebar)/products/[category]/page.tsx b/src/app/(category-sidebar)/products/[category]/page.tsx
@@ -64,7 +64,7 @@ export default async function Page(props: {
                   <Link
                     prefetch={true}
                     key={subcategoryIndex}
-                    className="group flex h-full w-[200px] flex-row gap-2 border px-4 py-2 hover:bg-gray-100"
+                    className="group flex h-full w-full flex-row gap-2 border px-4 py-2 hover:bg-gray-100 sm:w-[200px]"
                     href={`/products/${category}/${subcategory.slug}`}
                   >
                     <div className="py-2">

diff --git a/src/components/ui/product-card.tsx b/src/components/ui/product-card.tsx
@@ -12,7 +12,7 @@ export function ProductLink(props: {
   return (
     <Link
       prefetch={true}
-      className="group flex h-[130px] w-[250px] flex-row border px-4 py-2 hover:bg-gray-100"
+      className="group flex h-[130px] w-full flex-row border px-4 py-2 hover:bg-gray-100 sm:w-[250px]"
       href={`/products/${category_slug}/${subcategory_slug}/${product.slug}`}
     >
       <div className="py-2">