michal.cukrowski/thermcool
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: Zmniejszenie i poprawa układu kafli parametrów na karcie produktu

Browse Source
This commit is contained in:
MichalC
2026-06-29 09:31:39 +02:00
parent 05f793789c
commit 2463320312
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/shop/ProductPageClient.tsx
+3 -3
View File
@@ -256,14 +256,14 @@ export function ProductPageClient({ product, seriesProducts, companyPhone, compa
{/* Ikony parametrów */} {/* Ikony parametrów */}
{params.length > 0 && ( {params.length > 0 && (
<div className="grid grid-cols-2 sm:grid-cols-3 gap-2.5"> <div className="flex flex-wrap gap-2">
{params.map((p, i) => { {params.map((p, i) => {
const Icon = p.icon; const Icon = p.icon;
return ( return (
<div key={i} className={`flex items-center gap-2 px-2.5 py-1.5 rounded-xl ${p.color} border border-current/10`}> <div key={i} className={`flex items-center gap-1.5 px-2.5 py-1.5 rounded-lg ${p.color} border border-current/10`}>
<Icon className="size-3.5 shrink-0" /> <Icon className="size-3.5 shrink-0" />
<div className="min-w-0"> <div className="min-w-0">
<p className="text-[10px] font-medium opacity-70 leading-none mb-0.5">{p.label}</p> <p className="text-[9px] font-medium opacity-70 leading-none mb-0.5">{p.label}</p>
<p className="text-[11px] font-bold truncate">{p.value}</p> <p className="text-[11px] font-bold truncate">{p.value}</p>
</div> </div>
</div> </div>