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

make border hover volor the default

Browse Source
This commit is contained in:
StephDietz 2023-07-13 20:24:28 -05:00
parent abf511fede
commit 01f02952fd
2 changed files with 1 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
components/grid/tile.tsx
View File

@ -7,13 +7,11 @@ export function GridTileImage({
active, active,
labelPosition, labelPosition,
labels, labels,
hoverBorder,
...props ...props
}: { }: {
isInteractive?: boolean; isInteractive?: boolean;
active?: boolean; active?: boolean;
labelPosition?: 'bottom' | 'center'; labelPosition?: 'bottom' | 'center';
hoverBorder?: boolean;
labels?: { labels?: {
title: string; title: string;
amount: string; amount: string;
@ -24,11 +22,10 @@ export function GridTileImage({
return ( return (
<div <div
className={clsx( className={clsx(
'relative flex h-full w-full items-center justify-center overflow-hidden rounded-lg border bg-white dark:bg-black', 'relative flex h-full w-full items-center justify-center overflow-hidden rounded-lg border bg-white hover:border-blue-600 dark:bg-black',
active !== undefined && active active !== undefined && active
? 'border-2 border-blue-600' ? 'border-2 border-blue-600'
: 'border-gray-200 dark:border-gray-800', : 'border-gray-200 dark:border-gray-800',
hoverBorder && 'hover:border-blue-600',
{ {
relative: labels relative: labels
} }

1
components/layout/product-grid-items.tsx
View File

@ -17,7 +17,6 @@ export default function ProductGridItems({ products }: { products: Product[] })
amount: product.priceRange.maxVariantPrice.amount, amount: product.priceRange.maxVariantPrice.amount,
currencyCode: product.priceRange.maxVariantPrice.currencyCode currencyCode: product.priceRange.maxVariantPrice.currencyCode
}} }}
hoverBorder={true}
src={product.featuredImage?.url} src={product.featuredImage?.url}
width={600} width={600}
height={600} height={600}