diff --git a/app/globals.css b/app/globals.css index 21bbc4a01..dd16d793c 100644 --- a/app/globals.css +++ b/app/globals.css @@ -13,3 +13,16 @@ input, button { @apply focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-neutral-400 focus-visible:ring-offset-2 focus-visible:ring-offset-neutral-50 dark:focus-visible:ring-neutral-600 dark:focus-visible:ring-offset-neutral-900; } + +@layer utilities { + /* Hide scrollbar for WebKit browsers */ + .hide-scrollbar::-webkit-scrollbar { + display: none; + } + + /* Hide scrollbar for Firefox */ + .hide-scrollbar { + -ms-overflow-style: none; /* Internet Explorer 10+ */ + scrollbar-width: none; /* Firefox */ + } +} diff --git a/app/layout.tsx b/app/layout.tsx index a91f6da81..df9c59c6f 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -35,7 +35,7 @@ export const metadata = { export default async function RootLayout({ children }: { children: ReactNode }) { return ( - +
diff --git a/app/page.tsx b/app/page.tsx index 453a47708..a71d8df8f 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -34,7 +34,7 @@ export default async function HomePage() { - + diff --git a/app/search/[collection]/page.tsx b/app/search/[collection]/page.tsx index 1a10b32ef..573ba682b 100644 --- a/app/search/[collection]/page.tsx +++ b/app/search/[collection]/page.tsx @@ -59,7 +59,7 @@ async function CategoryPage({ } /> - + {products.length === 0 ? (

{`No products found in this collection`}

) : ( @@ -81,38 +81,43 @@ export default async function CategorySearchPage(props: { searchParams?: { [key: string]: string | string[] | undefined }; }) { return ( -
- -
-
- } key={`breadcrumb-${props.params.collection}`}> - - -
- } key={`header-${props.params.collection}`}> -
- - - } - key={`products-${props.params.collection}`} - > - -
-
+ ); } diff --git a/app/search/layout.tsx b/app/search/layout.tsx index a3ebd12a5..f99d3a361 100644 --- a/app/search/layout.tsx +++ b/app/search/layout.tsx @@ -1,12 +1,15 @@ +import FAQ from 'components/faq'; import Footer from 'components/layout/footer'; import { Suspense } from 'react'; export default function SearchLayout({ children }: { children: React.ReactNode }) { return ( <> -
+
{children}
+ +