This commit is contained in:
Arjun 2026-05-13 22:32:46 +05:30
parent 5612ab2447
commit ce15b7d929
2 changed files with 31 additions and 2 deletions

View file

@ -364,6 +364,29 @@
background: transparent;
}
.gmail-thread-summary {
margin-bottom: 20px;
padding-bottom: 16px;
border-bottom: 1px solid var(--gm-border);
}
.gmail-thread-summary-label {
display: block;
margin-bottom: 6px;
color: var(--gm-text-faint);
font-size: 10px;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.gmail-thread-summary-text {
display: block;
color: var(--gm-text);
font-size: 13px;
line-height: 1.55;
}
.gmail-message-stack {
display: flex;
flex-direction: column;

View file

@ -376,6 +376,12 @@ function ThreadDetail({
</div>
<div className="gmail-thread-body">
{thread.summary && (
<div className="gmail-thread-summary">
<span className="gmail-thread-summary-label">Summary</span>
<span className="gmail-thread-summary-text">{thread.summary}</span>
</div>
)}
<div className="gmail-message-stack">
{thread.messages.map((message, index) => {
const isExpanded = expandedIndices.has(index)
@ -589,8 +595,8 @@ export function EmailView() {
<span className="gmail-row-dot" aria-hidden />
<span className="gmail-row-sender">{extractName(latest?.from || thread.from)}</span>
<span className="gmail-row-content">
<strong>{thread.subject || '(No subject)'}</strong>
<span>{snippet(latest?.body || thread.latest_email)}</span>
<strong>{thread.summary || thread.subject || '(No subject)'}</strong>
<span>{thread.summary ? thread.subject : snippet(latest?.body || thread.latest_email)}</span>
</span>
<span className="gmail-row-date">{formatInboxTime(latest?.date || thread.date)}</span>
</button>