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

feat: enhance UI components (replace sliders with daisyUI range, hide tabs scrollbar, add product reviews tab, adjust banner positioning)

Browse Source
This commit is contained in:
AI Assistant
2026-07-19 12:51:00 +02:00
parent d64266243e
commit 2060990ab9
3 changed files with 47 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/kalkulator/KalkulatorClient.tsx
+4 -26
View File
@@ -395,22 +395,11 @@ export function KalkulatorClient({ products }: Props) {
<span className="text-xs text-text-muted">Powierzchnia</span>
<span className="text-xs font-bold text-primary bg-accent/10 px-2 py-0.5 rounded-md">{p.m2} m²</span>
</div>
<div className="relative h-5 flex items-center">
<div className="absolute w-full h-1.5 bg-slate-200 rounded-full" />
<div
className="absolute h-1.5 bg-accent rounded-full"
style={{ width: `${((p.m2 - 5) / 95) * 100}%` }}
/>
<input
<input
type="range" min={5} max={100} step={5} value={p.m2}
onChange={e => updateRoom(i, Number(e.target.value))}
className="absolute w-full h-1.5 opacity-0 cursor-pointer z-10"
className="range range-xs range-accent w-full"
/>
<div
className="absolute size-4 bg-white border-2 border-accent rounded-full shadow-md pointer-events-none"
style={{ left: `calc(${((p.m2 - 5) / 95) * 100}% - 8px)` }}
/>
</div>
<div className="flex justify-between text-xs text-text-muted">
<span>5 m²</span>
<span>100 m²</span>
@@ -712,22 +701,11 @@ export function KalkulatorClient({ products }: Props) {
<span className="text-xs text-text-muted">Budżet</span>
<span className="text-xs font-bold text-primary bg-accent/10 px-2 py-0.5 rounded-md">{budget.toLocaleString('pl-PL')} zł</span>
</div>
<div className="relative h-5 flex items-center">
<div className="absolute w-full h-1.5 bg-slate-200 rounded-full" />
<div
className="absolute h-1.5 bg-accent rounded-full"
style={{ width: `${((budget - 3000) / 22000) * 100}%` }}
/>
<input
<input
type="range" min={3000} max={25000} step={500} value={budget}
onChange={e => setBudget(Number(e.target.value))}
className="absolute w-full h-1.5 opacity-0 cursor-pointer z-10"
className="range range-xs range-accent w-full"
/>
<div
className="absolute size-4 bg-white border-2 border-accent rounded-full shadow-md pointer-events-none"
style={{ left: `calc(${((budget - 3000) / 22000) * 100}% - 8px)` }}
/>
</div>
<div className="flex justify-between text-xs text-text-muted">
<span>3 000 zł</span>
<span>25 000 zł</span>