fix: update dark text color and fix responsive issues

Signed-off-by: Chloe <pinkcloudvnn@gmail.com>
This commit is contained in:
Chloe
2024-04-25 15:29:44 +07:00
parent 59c3f07beb
commit 3a3ff3798f
5 changed files with 15 additions and 11 deletions

View File

@@ -83,7 +83,9 @@ export default async function ProductPage({ params }: { params: { handle: string
}}
/>
<div className="mx-auto max-w-screen-2xl px-4">
<BreadcrumbComponent type="product" handle={product.handle} />
<div className="hidden lg:block">
<BreadcrumbComponent type="product" handle={product.handle} />
</div>
<div className="my-3 flex flex-col space-x-0 rounded-lg border border-neutral-200 bg-white p-8 md:p-10 lg:flex-row lg:gap-8 lg:space-x-3 dark:border-neutral-800 dark:bg-black">
<div className="h-full w-full basis-full lg:basis-7/12">
<Suspense