added color transition

This commit is contained in:
Lucas Oliveira 2025-10-21 16:19:29 -03:00
parent 570fea9f41
commit ec3a017f0b

View file

@ -69,7 +69,7 @@ export function OnboardingStep({
icon || ( icon || (
<div className="w-8 h-8 rounded-lg bg-accent/20 flex items-center justify-center flex-shrink-0 select-none"> <div className="w-8 h-8 rounded-lg bg-accent/20 flex items-center justify-center flex-shrink-0 select-none">
<DogIcon <DogIcon
className="h-6 w-6 text-accent-foreground" className="h-6 w-6 text-accent-foreground transition-colors duration-300"
disabled={isCompleted} disabled={isCompleted}
/> />
</div> </div>
@ -83,13 +83,13 @@ export function OnboardingStep({
isCompleted isCompleted
? "text-placeholder-foreground" ? "text-placeholder-foreground"
: "text-foreground", : "text-foreground",
"text-sm py-1.5", "text-sm py-1.5 transition-colors duration-300",
)} )}
chatMessage={text} chatMessage={text}
/> />
) : ( ) : (
<p <p
className={`text-foreground text-sm py-1.5 ${ className={`text-foreground text-sm py-1.5 transition-colors duration-300 ${
isCompleted ? "text-placeholder-foreground" : "" isCompleted ? "text-placeholder-foreground" : ""
}`} }`}
> >