apunkt/rowboat
1
0
Fork 0
mirror of https://github.com/rowboatlabs/rowboat.git synced 2026-05-22 18:45:19 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

scroll button

Browse source
This commit is contained in:
Arjun 2026-04-07 08:39:39 +05:30
parent a273d0e8b7
commit 96e6b79f77
3 changed files with 17 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

2
apps/x/apps/renderer/src/App.tsx
View file

@ -20,6 +20,7 @@ import {
Conversation,
ConversationContent,
ConversationEmptyState,
ConversationScrollButton,
} from '@/components/ai-elements/conversation';
import {
Message,
@ -4420,6 +4421,7 @@ function App() {
</>
)}
</ConversationContent>
<ConversationScrollButton />
</Conversation>
</div>
)

8
apps/x/apps/renderer/src/components/ai-elements/conversation.tsx
View file

@ -292,16 +292,16 @@ export const ConversationScrollButton = ({
!isAtBottom && (
<Button
className={cn(
"absolute bottom-4 left-[50%] translate-x-[-50%] rounded-full",
"absolute bottom-6 left-[50%] z-10 h-14 w-14 translate-x-[-50%] rounded-full border border-border/70 bg-background/95 text-foreground shadow-lg backdrop-blur-sm transition hover:bg-background",
className
)}
aria-label="Scroll to latest message"
onClick={handleScrollToBottom}
size="icon"
type="button"
variant="outline"
variant="ghost"
{...props}
>
<ArrowDownIcon className="size-4" />
<ArrowDownIcon className="size-7" strokeWidth={1.75} />
</Button>
)
);

2
apps/x/apps/renderer/src/components/chat-sidebar.tsx
View file

@ -8,6 +8,7 @@ import {
Conversation,
ConversationContent,
ConversationEmptyState,
ConversationScrollButton,
} from '@/components/ai-elements/conversation'
import {
Message,
@ -552,6 +553,7 @@ export function ChatSidebar({
</>
)}
</ConversationContent>
<ConversationScrollButton />
</Conversation>
</div>
)