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

Testing to relocate CSS according to new App dir functionality

Browse Source
This commit is contained in:
Henrik Larsson
2023-05-05 11:39:18 +02:00
parent efe0c68b03
commit d328f1ed96
9 changed files with 79 additions and 208 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
components/ui/product-card/product-card.tsx
View File

@@ -62,11 +62,13 @@ const ProductCard: FC<Props> = ({
className={cn('text-high-contrast flex items-start flex-col', className)}
>
<Text
className="mt-2 lg:mt-3 font-bold"
className="mt-2 lg:mt-3"
variant='listChildHeading'
>
{product.title}
</Text>
<Price
<Price
className='text-sm font-medium leading-tight lg:text-base'
amount={`${product.price.value}`}
currencyCode={product.price.currencyCode ? product.price.currencyCode : 'SEK'}
/>

2
components/ui/text/text.tsx
View File

@@ -73,7 +73,7 @@ const Text: FunctionComponent<TextProps> = ({
variant === 'productHeading',
['max-w-prose text-2xl font-display font-bold leading-none md:text-3xl md:leading-none lg:leading-none lg:text-4xl']:
variant === 'sectionHeading',
['text-sm font-semibold leading-tight lg:text-base']:
['text-sm font-medium leading-tight lg:text-base']:
variant === 'listChildHeading',
['text-sm max-w-prose lg:text-base 2xl:text-lg']: variant === 'label',
['max-w-prose lg:text-lg 2xl:text-xl']: variant === 'paragraph',