fix: adjust suggestion positioning and height for improved UI layout

This commit is contained in:
Henry Li
2026-02-07 17:56:06 +08:00
parent a6db74baba
commit 17b2630b73
2 changed files with 3 additions and 3 deletions

View File

@@ -8,7 +8,7 @@ import type { LucideIcon } from "lucide-react";
import { Children, type ComponentProps } from "react"; import { Children, type ComponentProps } from "react";
const STAGGER_DELAY_MS = 60; const STAGGER_DELAY_MS = 60;
const STAGGER_DELAY_MS_OFFSET = 200; const STAGGER_DELAY_MS_OFFSET = 250;
export type SuggestionsProps = ComponentProps<typeof ScrollArea>; export type SuggestionsProps = ComponentProps<typeof ScrollArea>;

View File

@@ -384,7 +384,7 @@ export function InputBox({
</PromptInputTools> </PromptInputTools>
</PromptInputFooter> </PromptInputFooter>
{isNewThread && searchParams.get("mode") !== "skill" && ( {isNewThread && searchParams.get("mode") !== "skill" && (
<div className="absolute right-0 -bottom-12 left-0 z-0 flex items-center justify-center"> <div className="absolute right-0 -bottom-24 left-0 z-0 flex items-center justify-center">
<SuggestionList /> <SuggestionList />
</div> </div>
)} )}
@@ -419,7 +419,7 @@ function SuggestionList() {
[textInput], [textInput],
); );
return ( return (
<Suggestions className="w-fit"> <Suggestions className="h-32 w-fit">
<ConfettiButton <ConfettiButton
className="text-muted-foreground cursor-pointer rounded-full px-4 text-xs font-normal" className="text-muted-foreground cursor-pointer rounded-full px-4 text-xs font-normal"
variant="outline" variant="outline"