style: redesign quick reply to match sender/banner layout
This commit is contained in:
@@ -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>)}
|
||||||
|
|||||||
Reference in New Issue
Block a user