style: redesign quick reply to match sender/banner layout

This commit is contained in:
Linus Rath
2026-05-07 17:02:06 +02:00
parent 9225ba0790
commit b0765bf085
+7 -9
View File
@@ -4965,18 +4965,17 @@ export function EmailViewer({
<PluginSlot name="email-footer" /> <PluginSlot name="email-footer" />
{/* Quick Reply Section - hidden for drafts and while loading a new email */} {/* Quick Reply Section - hidden for drafts and while loading a new email */}
{!isDraft && !isBodyLoading && (effectiveEmailContent.isHtml ? iframeReady : true) && (<div className={cn( {!isDraft && !isBodyLoading && (effectiveEmailContent.isHtml ? iframeReady : true) && (<div className="bg-background border-t border-border px-6" style={{ paddingBlock: 'var(--density-header-py)' }}>
"mt-6 mx-6 mb-6 bg-background rounded-lg shadow-sm border transition-all", <div className="flex items-start" style={{ gap: 'var(--density-item-gap)' }}>
isQuickReplyFocused || quickReplyText ? "border-primary" : "border-border" <div className="flex-shrink-0">
)}>
<div className="p-4">
<div className="flex items-start gap-3">
<Avatar <Avatar
name={currentUserName || "You"} name={currentUserName || "You"}
email={currentUserEmail || ""} email={currentUserEmail || ""}
size="sm" size="lg"
className="shadow-sm w-10 h-10"
/> />
<div className="flex-1 space-y-3"> </div>
<div className="flex-1 min-w-0 space-y-3">
<textarea <textarea
value={quickReplyText} value={quickReplyText}
onChange={(e) => setQuickReplyText(e.target.value)} onChange={(e) => setQuickReplyText(e.target.value)}
@@ -5056,7 +5055,6 @@ export function EmailViewer({
</div> </div>
</div> </div>
)} )}
</div>
</div> </div>
</div> </div>
</div>)} </div>)}