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

fixed nudges design

Browse source
This commit is contained in:
Lucas Oliveira 2025-10-21 18:11:07 -03:00
parent f9692aba5e
commit c5fac3ec81
1 changed files with 6 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
frontend/src/app/chat/nudges.tsx
View file

@ -11,7 +11,7 @@ export default function Nudges({
handleSuggestionClick: (suggestion: string) => void; handleSuggestionClick: (suggestion: string) => void;
}) { }) {
return ( return (
<div className="flex-shrink-0 h-12 w-full overflow-hidden"> <div className="flex-shrink-0 h-12 w-full overflow-hidden pl-10">
<AnimatePresence> <AnimatePresence>
{nudges.length > 0 && ( {nudges.length > 0 && (
<motion.div <motion.div
@ -24,13 +24,9 @@ export default function Nudges({
}} }}
> >
<div <div
className={ className="relative flex"
onboarding
? "relative flex"
: "relative px-6 pt-4 flex justify-center"
}
> >
<div className="w-full max-w-[75%]"> <div className="w-full">
<div className="flex gap-3 justify-start overflow-x-auto scrollbar-hide"> <div className="flex gap-3 justify-start overflow-x-auto scrollbar-hide">
{nudges.map((suggestion: string, index: number) => ( {nudges.map((suggestion: string, index: number) => (
<button <button
@ -38,9 +34,9 @@ export default function Nudges({
onClick={() => handleSuggestionClick(suggestion)} onClick={() => handleSuggestionClick(suggestion)}
className={cn( className={cn(
onboarding onboarding
? "bg-background hover:bg-background/50 text-foreground border" ? "text-foreground"
: "bg-muted hover:bg-muted/50 text-placeholder-foreground hover:text-foreground", : "text-placeholder-foreground hover:text-foreground",
"px-2 py-1.5 rounded-lg text-sm transition-colors whitespace-nowrap", "bg-background border hover:bg-background/50 px-2 py-1.5 rounded-lg text-sm transition-colors whitespace-nowrap",
)} )}
> >
{suggestion} {suggestion}