added color transition
This commit is contained in:
parent
570fea9f41
commit
ec3a017f0b
1 changed files with 3 additions and 3 deletions
|
|
@ -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" : ""
|
||||||
}`}
|
}`}
|
||||||
>
|
>
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue