valknar/kit-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: use Tailwind class for bar fill (--primary is hex, not HSL)

Browse Source
This commit is contained in:
Sebastian Krüger
2026-03-01 08:00:32 +01:00
parent 7eb28851b7
commit d8a568076d
1 changed files with 2 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
components/units/VisualComparison.tsx
View File

@@ -199,13 +199,10 @@ export default function VisualComparison({ conversions, onValueChange }: VisualC
> >
<div <div
className={cn( className={cn(
'absolute inset-y-0 left-0 rounded-sm', 'absolute inset-y-0 left-0 rounded-sm bg-primary/65',
draggingUnit ? 'transition-none' : 'transition-all duration-500 ease-out' draggingUnit ? 'transition-none' : 'transition-all duration-500 ease-out'
)} )}
style={{ style={{ width: `${displayPercentage}%` }}
width: `${displayPercentage}%`,
background: 'linear-gradient(to right, hsl(var(--primary) / 0.35), hsl(var(--primary) / 0.75))',
}}
/> />
{isDraggable && !isDragging && ( {isDraggable && !isDragging && (
<div className="absolute inset-0 flex items-center justify-end px-2 opacity-0 hover:opacity-100 transition-opacity"> <div className="absolute inset-0 flex items-center justify-end px-2 opacity-0 hover:opacity-100 transition-opacity">