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

Small cleanup.

Browse Source
This commit is contained in:
Lee Robinson
2024-07-28 23:26:03 -05:00
parent 9a4c995bb6
commit 37cb5e38da
8 changed files with 810 additions and 304 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/carousel.tsx
View File

@@ -12,7 +12,7 @@ export async function Carousel() {
const carouselProducts = [...products, ...products, ...products];
return (
<div className=" w-full overflow-x-auto pb-6 pt-1">
<div className="w-full overflow-x-auto pb-6 pt-1">
<ul className="flex animate-carousel gap-4">
{carouselProducts.map((product, i) => (
<li

2
components/cart/close-cart.tsx
View File

@@ -4,7 +4,7 @@ import clsx from 'clsx';
export default function CloseCart({ className }: { className?: string }) {
return (
<div className="relative flex h-11 w-11 items-center justify-center rounded-md border border-neutral-200 text-black transition-colors dark:border-neutral-700 dark:text-white">
<XMarkIcon className={clsx('h-6 transition-all ease-in-out hover:scale-110 ', className)} />
<XMarkIcon className={clsx('h-6 transition-all ease-in-out hover:scale-110', className)} />
</div>
);
}

2
components/cart/open-cart.tsx
View File

@@ -11,7 +11,7 @@ export default function OpenCart({
return (
<div className="relative flex h-11 w-11 items-center justify-center rounded-md border border-neutral-200 text-black transition-colors dark:border-neutral-700 dark:text-white">
<ShoppingCartIcon
className={clsx('h-4 transition-all ease-in-out hover:scale-110 ', className)}
className={clsx('h-4 transition-all ease-in-out hover:scale-110', className)}
/>
{quantity ? (

1
components/grid/tile.tsx
View File

@@ -29,7 +29,6 @@ export function GridTileImage({
)}
>
{props.src ? (
// eslint-disable-next-line jsx-a11y/alt-text -- `alt` is inherited from `props`, which is being enforced with TypeScript
<Image
className={clsx('relative h-full w-full object-contain', {
'transition duration-300 ease-in-out group-hover:scale-105': isInteractive

4
components/layout/footer-menu.tsx
View File

@@ -6,7 +6,7 @@ import Link from 'next/link';
import { usePathname } from 'next/navigation';
import { useEffect, useState } from 'react';
const FooterMenuItem = ({ item }: { item: Menu }) => {
export function FooterMenuItem({ item }: { item: Menu }) {
const pathname = usePathname();
const [active, setActive] = useState(pathname === item.path);
@@ -29,7 +29,7 @@ const FooterMenuItem = ({ item }: { item: Menu }) => {
</Link>
</li>
);
};
}
export default function FooterMenu({ menu }: { menu: Menu[] }) {
if (!menu.length) return null;