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

fix: update core charge appearance

Browse Source 
Signed-off-by: Chloe <pinkcloudvnn@gmail.com>
This commit is contained in:
Chloe
2024-04-26 19:24:58 +07:00
parent 3a3ff3798f
commit 3bf7fa5af9
14 changed files with 196 additions and 146 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
components/product/warranty-selector.tsx
View File

@@ -38,16 +38,19 @@ const WarrantySelector = () => {
return (
<ul className="flex min-h-16 flex-row space-x-4 pt-2">
{plans.map((plan) => (
<li
key={plan.key}
onClick={() => setSelectedOptions(plan.key)}
className={cn(
'flex w-32 cursor-pointer flex-col items-center justify-center space-y-2 rounded-md border p-2 text-center text-xs font-medium',
{ 'ring-2 ring-secondary': plan.key === selectedOptions }
)}
>
{plan.template}
<Price amount={String(plan.price)} currencyCode="USD" />
<li key={plan.key} className="flex w-32">
<button
onClick={() => setSelectedOptions(plan.key)}
className={cn(
'flex w-full flex-col flex-wrap items-center justify-center space-y-2 rounded-md border p-2 text-center text-xs font-medium',
{
'ring-2 ring-secondary': plan.key === selectedOptions
}
)}
>
{plan.template}
<Price amount={String(plan.price)} currencyCode="USD" />
</button>
</li>
))}
</ul>