i/next-ai-draw-io
1
0
Fork 0
mirror of https://github.com/DayuanJiang/next-ai-draw-io.git synced 2026-01-02 22:32:27 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(components): Send and sidebar buttons become inaccessible when chat-panel is resized (#309)

Browse Source
This commit is contained in:
E66Crisp
2025-12-18 20:16:32 +08:00
committed by GitHub
parent 58b6b19526
commit 81eb71e704
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
components/chat-input.tsx
View File

@@ -335,7 +335,7 @@ export function ChatInput({
{/* Action bar */} {/* Action bar */}
<div className="flex items-center justify-between px-3 py-2 border-t border-border/50"> <div className="flex items-center justify-between px-3 py-2 border-t border-border/50">
{/* Left actions */} {/* Left actions */}
<div className="flex items-center gap-1"> <div className="flex items-center gap-1 overflow-x-hidden">
<ButtonWithTooltip <ButtonWithTooltip
type="button" type="button"
variant="ghost" variant="ghost"
@@ -386,7 +386,7 @@ export function ChatInput({
</div> </div>
{/* Right actions */} {/* Right actions */}
<div className="flex items-center gap-1"> <div className="flex items-center gap-1 overflow-hidden justify-end">
<ButtonWithTooltip <ButtonWithTooltip
type="button" type="button"
variant="ghost" variant="ghost"

6
components/chat-panel.tsx
View File

@@ -1229,14 +1229,14 @@ Continue from EXACTLY where you stopped.`,
className={`${isMobile ? "px-3 py-2" : "px-5 py-4"} border-b border-border/50`} className={`${isMobile ? "px-3 py-2" : "px-5 py-4"} border-b border-border/50`}
> >
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<div className="flex items-center gap-2"> <div className="flex items-center gap-2 overflow-x-hidden">
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<Image <Image
src="/favicon.ico" src="/favicon.ico"
alt="Next AI Drawio" alt="Next AI Drawio"
width={isMobile ? 24 : 28} width={isMobile ? 24 : 28}
height={isMobile ? 24 : 28} height={isMobile ? 24 : 28}
className="rounded" className="rounded flex-shrink-0"
/> />
<h1 <h1
className={`${isMobile ? "text-sm" : "text-base"} font-semibold tracking-tight whitespace-nowrap`} className={`${isMobile ? "text-sm" : "text-base"} font-semibold tracking-tight whitespace-nowrap`}
@@ -1271,7 +1271,7 @@ Continue from EXACTLY where you stopped.`,
</Link> </Link>
)} )}
</div> </div>
<div className="flex items-center gap-1"> <div className="flex items-center gap-1 justify-end overflow-x-hidden">
<ButtonWithTooltip <ButtonWithTooltip
tooltipContent="Start fresh chat" tooltipContent="Start fresh chat"
variant="ghost" variant="ghost"