crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-05-13 05:07:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

updating search and carousel styling

Browse Source
This commit is contained in:
Samantha Kellow 2024-04-24 18:53:14 +01:00
parent 7666a25f91
commit 49f3776ba8
3 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
app/page.tsx
View File

@ -17,10 +17,10 @@ export default async function HomePage() {
<Suspense> <Suspense>
<div className='container grid justify-around my-4 grid-cols-1 items-center justify-items-center'> <div className='container grid justify-around my-4 grid-cols-1 items-center justify-items-center'>
<Carousel collection={undefined} /> <Carousel collection={undefined} />
<Carousel collection='flower' /> <Carousel collection='flower' />
<Carousel collection='foliage' /> <Carousel collection='foliage' />
<Carousel collection='nature' /> <Carousel collection='nature' />
{/* <Link className='h-full w-full md:w-10/12 flex items-center justify-center justify-items-center' href="/wall"> {/* <Link className='h-full w-full md:w-10/12 flex items-center justify-center justify-items-center' href="/wall">
<Button className='py-3 w-full m-3 bg-transparent' variant={'dark'}> <Button className='py-3 w-full m-3 bg-transparent' variant={'dark'}>
<h2 className='absolute z-50 text-3xl text-white'>Art for the Wall</h2> <h2 className='absolute z-50 text-3xl text-white'>Art for the Wall</h2>
@ -35,9 +35,9 @@ export default async function HomePage() {
</Link> */} </Link> */}
</div> </div>
<Suspense> </Suspense>
<Footer /> <Suspense>
</Suspense> <Footer />
</Suspense> </Suspense>
</> </>
); );

6
components/layout/navbar/mobile-menu.tsx
View File

@ -57,7 +57,7 @@ export default function MobileMenu({ menu }: { menu: Menu[] }) {
leaveFrom="translate-x-0" leaveFrom="translate-x-0"
leaveTo="translate-x-[-100%]" leaveTo="translate-x-[-100%]"
> >
<Dialog.Panel className="fixed bottom-0 left-0 right-0 top-0 flex h-full w-full flex-col bg-white pb-6 dark:bg-black"> <Dialog.Panel className="fixed bottom-0 left-0 right-0 top-0 flex h-full w-full flex-col bg-neutral-800/95 pb-6 dark:bg-black">
<div className="p-4"> <div className="p-4">
<button className="mb-4" onClick={closeMobileMenu} aria-label="Close mobile menu"> <button className="mb-4" onClick={closeMobileMenu} aria-label="Close mobile menu">
<XMarkIcon className="h-6" /> <XMarkIcon className="h-6" />
@ -69,10 +69,10 @@ export default function MobileMenu({ menu }: { menu: Menu[] }) {
{menu.length ? ( {menu.length ? (
<ul className="flex flex-col"> <ul className="flex flex-col">
{menu.map((item: Menu) => ( {menu.map((item: Menu) => (
<li key={item.title}> <li className="mb-4" key={item.title}>
<Link <Link
href={item.path} href={item.path}
className="rounded-lg py-1 text-xl text-black transition-colors hover:text-neutral-500 dark:text-white" className="rounded-lg py-1 text-xl text-neutral-200 transition-colors hover:text-neutral-500 dark:text-white"
onClick={closeMobileMenu} onClick={closeMobileMenu}
> >
{item.title} {item.title}

2
components/ui/carousel.tsx
View File

@ -20,7 +20,7 @@ export async function Carousel({collection}:
if (!products?.length) return null; if (!products?.length) return null;
return ( return (
<div> <div className='max-w-full'>
{scapeTitle && {scapeTitle &&
<Link href={`/search/${scapeTitle}`}> <Link href={`/search/${scapeTitle}`}>
<p className='text-lg text-bold'>{scapeTitle}</p> <p className='text-lg text-bold'>{scapeTitle}</p>