gmakstutis/openrag
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

removed space between elements on onboarding step to ensure smoother animation

Browse source
This commit is contained in:
Lucas Oliveira 2025-10-21 15:47:00 -03:00 • committed by Mike Fortman
parent 5e97fecd3c
commit 840622f2bc
1 changed files with 4 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
frontend/src/app/new-onboarding/components/onboarding-step.tsx
View file

@ -76,9 +76,8 @@ export function OnboardingStep({
) )
} }
> >
<div className="space-y-4"> <div>
{isMarkdown ? ( {isMarkdown ? (
<div className="py-1.5">
<MarkdownRenderer <MarkdownRenderer
className={cn( className={cn(
isCompleted isCompleted
@ -88,7 +87,6 @@ export function OnboardingStep({
)} )}
chatMessage={text} chatMessage={text}
/> />
</div>
) : ( ) : (
<p <p
className={`text-foreground text-sm py-1.5 ${ className={`text-foreground text-sm py-1.5 ${
@ -97,7 +95,7 @@ export function OnboardingStep({
> >
{displayedText} {displayedText}
{!showChildren && !isCompleted && ( {!showChildren && !isCompleted && (
<span className="inline-block w-1 h-4 bg-primary ml-1 animate-pulse" /> <span className="inline-block w-1 h-3.5 bg-primary ml-1 animate-pulse" />
)} )}
</p> </p>
)} )}
@ -110,7 +108,8 @@ export function OnboardingStep({
exit={{ opacity: 0, height: 0 }} exit={{ opacity: 0, height: 0 }}
transition={{ duration: 0.3, delay: 0.3, ease: "easeOut" }} transition={{ duration: 0.3, delay: 0.3, ease: "easeOut" }}
> >
{children} <div className="pt-2">
{children}</div>
</motion.div> </motion.div>
)} )}
</AnimatePresence> </AnimatePresence>