shiyue/PinchChat
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: min-width on bubbles to prevent button wrap, fix session tooltip clickable, fix compact scope (v1.63.3)

Browse Source
This commit is contained in:
Nicolas Varrot
2026-02-15 17:56:22 +00:00
parent 38fb717758
commit bb100a0a22
3 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/ChatMessage.tsx
View File

@@ -501,7 +501,7 @@ export const ChatMessageComponent = memo(function ChatMessageComponent({ message
{/* Bubble */}
<div className={`min-w-0 max-w-[80%] ${isUser ? 'text-right' : ''}`}>
<div className={`group relative inline-block text-left rounded-3xl px-4 py-3 text-sm leading-relaxed max-w-full overflow-hidden ${
<div className={`group relative inline-block text-left rounded-3xl px-4 py-3 text-sm leading-relaxed max-w-full min-w-[8rem] overflow-hidden ${
isUser
? (isLight
? 'bg-[rgba(var(--pc-accent-rgb),0.12)] text-pc-text border border-[rgba(var(--pc-accent-rgb),0.3)]'
@@ -509,7 +509,7 @@ export const ChatMessageComponent = memo(function ChatMessageComponent({ message
: 'bg-pc-elevated/40 text-pc-text border border-pc-border shadow-[0_0_0_1px_rgba(255,255,255,0.03)]'
}`}>
{/* Action buttons — bottom-right toolbar, inside the bubble */}
<div className={`flex gap-1 justify-end mt-1.5 -mb-1 opacity-0 group-hover:opacity-100 transition-all`}>
<div className={`flex flex-nowrap gap-0.5 justify-end mt-1.5 -mb-1 opacity-0 group-hover:opacity-100 transition-all`}>
{!isUser && !message.isStreaming && getPlainText(message).trim() && (
<button
onClick={() => { navigator.clipboard.writeText(getPlainText(message)); }}

2
src/components/Header.tsx
View File

@@ -193,6 +193,8 @@ function SessionInfoPopover({ session, sessionKey, messageCount, onClose }: { se
className="absolute top-full left-0 mt-2 z-50 w-72 rounded-xl border border-pc-border bg-[var(--pc-bg-surface)] shadow-xl backdrop-blur-xl animate-in fade-in slide-in-from-top-2 duration-200"
role="dialog"
aria-label={t('header.sessionInfo')}
onClick={(e) => e.stopPropagation()}
onMouseDown={(e) => e.stopPropagation()}
>
<div className="p-3 border-b border-pc-border flex items-center justify-between">
<span className="text-xs font-semibold text-pc-text">{t('header.sessionInfo')}</span>