blyzer/graphs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Highlight current product variation
All checks were successful
Build and Deploy / build-and-deploy (push) Successful in 51s
Details

Browse Source
This commit is contained in:
Cauê Faleiros
2026-08-03 11:29:49 -03:00
parent 42cee3f505
commit 60ded40595
1 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/pages/ProductDetails.tsx
View File

@@ -619,7 +619,11 @@ const ProductDetails = () => {
const metadata = parseProductName(variant.name); const metadata = parseProductName(variant.name);
return ( return (
<div key={variant.id} className="rounded-xl border border-dark-border bg-dark-input/45 p-4"> <div key={variant.id} className={`rounded-xl border p-4 ${
variant.id === productInfo.id
? 'border-brand-primary/50 bg-brand-primary/10 shadow-sm shadow-brand-primary/10'
: 'border-dark-border bg-dark-input/45'
}`}>
<div className="flex flex-col gap-2 md:flex-row md:items-start md:justify-between"> <div className="flex flex-col gap-2 md:flex-row md:items-start md:justify-between">
<div className="min-w-0"> <div className="min-w-0">
<Link to={`/products/${variant.id}`} className="block truncate text-sm font-bold text-dark-text transition-colors hover:text-brand-primary hover:underline" title={`Ver produto ${variant.name}`}> <Link to={`/products/${variant.id}`} className="block truncate text-sm font-bold text-dark-text transition-colors hover:text-brand-primary hover:underline" title={`Ver produto ${variant.name}`}>