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

stylnbgggg

Browse Source
This commit is contained in:
Samantha Kellow 2023-08-20 20:30:02 +01:00
parent 483edf0a1b
commit 4a7aa19084
6 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/cart/add-to-cart.tsx
View File

@ -50,7 +50,7 @@ export function AddToCart({
}); });
}} }}
className={clsx( className={clsx(
'relative flex w-full items-center justify-center rounded-full bg-blue-600 p-4 tracking-wide text-white hover:opacity-90', 'relative flex w-full items-center justify-center rounded-full bg-gray-600 p-4 tracking-wide text-white hover:opacity-90',
{ {
'cursor-not-allowed opacity-60': !availableForSale, 'cursor-not-allowed opacity-60': !availableForSale,
'cursor-not-allowed': isPending 'cursor-not-allowed': isPending

2
components/cart/modal.tsx
View File

@ -176,7 +176,7 @@ export default function CartModal({ cart }: { cart: Cart | undefined }) {
</div> </div>
<a <a
href={cart.checkoutUrl} href={cart.checkoutUrl}
className="block w-full rounded-full bg-blue-600 p-3 text-center text-sm font-medium text-white opacity-90 hover:opacity-100" className="block w-full rounded-full bg-gray-600 p-3 text-center text-sm font-medium text-white opacity-90 hover:opacity-100"
> >
Proceed to Checkout Proceed to Checkout
</a> </a>

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

@ -15,7 +15,7 @@ export default function OpenCart({
/> />
{quantity ? ( {quantity ? (
<div className="absolute right-0 top-0 -mr-2 -mt-2 h-4 w-4 rounded bg-blue-600 text-[11px] font-medium text-white"> <div className="absolute right-0 top-0 -mr-2 -mt-2 h-4 w-4 rounded bg-gray-600 text-[11px] font-medium text-white">
{quantity} {quantity}
</div> </div>
) : null} ) : null}

4
components/grid/tile.tsx
View File

@ -20,10 +20,10 @@ export function GridTileImage({
return ( return (
<div <div
className={clsx( className={clsx(
'flex h-full w-full items-center justify-center overflow-hidden rounded-lg border bg-white hover:border-blue-600 dark:bg-black', 'flex h-full w-full items-center justify-center overflow-hidden rounded-lg border bg-white hover:border-gray-600 dark:bg-black',
{ {
relative: label, relative: label,
'border-2 border-blue-600': active, 'border-2 border-gray-600': active,
'border-neutral-200 dark:border-neutral-800': !active 'border-neutral-200 dark:border-neutral-800': !active
} }
)} )}

2
components/product/product-description.tsx
View File

@ -10,7 +10,7 @@ export function ProductDescription({ product }: { product: Product }) {
<> <>
<div className="mb-6 flex flex-col border-b pb-6 dark:border-neutral-700"> <div className="mb-6 flex flex-col border-b pb-6 dark:border-neutral-700">
<h1 className="mb-2 text-4xl md:text-3xl font-medium">{product.title}</h1> <h1 className="mb-2 text-4xl md:text-3xl font-medium">{product.title}</h1>
<div className="place-self-end mr-auto w-auto rounded-full bg-blue-600 p-2 text-sm text-white"> <div className="place-self-end mr-auto w-auto rounded-full bg-gray-600 p-2 text-sm text-white">
<Price <Price
amount={product.priceRange.maxVariantPrice.amount} amount={product.priceRange.maxVariantPrice.amount}
currencyCode={product.priceRange.maxVariantPrice.currencyCode} currencyCode={product.priceRange.maxVariantPrice.currencyCode}

4
components/product/variant-selector.tsx
View File

@ -120,8 +120,8 @@ export function VariantSelector({
className={clsx( className={clsx(
'flex min-w-[48px] items-center justify-center rounded-full border bg-neutral-100 px-2 py-1 text-sm dark:border-neutral-800 dark:bg-neutral-900', 'flex min-w-[48px] items-center justify-center rounded-full border bg-neutral-100 px-2 py-1 text-sm dark:border-neutral-800 dark:bg-neutral-900',
{ {
'cursor-default ring-2 ring-blue-600': isActive, 'cursor-default ring-2 ring-gray-600': isActive,
'ring-1 ring-transparent transition duration-300 ease-in-out hover:scale-110 hover:ring-blue-600 ': 'ring-1 ring-transparent transition duration-300 ease-in-out hover:scale-110 hover:ring-gray-600 ':
!isActive && isAvailableForSale, !isActive && isAvailableForSale,
'relative z-10 cursor-not-allowed overflow-hidden bg-neutral-100 text-neutral-500 ring-1 ring-neutral-300 before:absolute before:inset-x-0 before:-z-10 before:h-px before:-rotate-45 before:bg-neutral-300 before:transition-transform dark:bg-neutral-900 dark:text-neutral-400 dark:ring-neutral-700 before:dark:bg-neutral-700': 'relative z-10 cursor-not-allowed overflow-hidden bg-neutral-100 text-neutral-500 ring-1 ring-neutral-300 before:absolute before:inset-x-0 before:-z-10 before:h-px before:-rotate-45 before:bg-neutral-300 before:transition-transform dark:bg-neutral-900 dark:text-neutral-400 dark:ring-neutral-700 before:dark:bg-neutral-700':
!isAvailableForSale !isAvailableForSale