diff --git a/apps/x/apps/renderer/src/App.css b/apps/x/apps/renderer/src/App.css index 68f16e0b..2cf90ae3 100644 --- a/apps/x/apps/renderer/src/App.css +++ b/apps/x/apps/renderer/src/App.css @@ -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; diff --git a/apps/x/apps/renderer/src/components/email-view.tsx b/apps/x/apps/renderer/src/components/email-view.tsx index 0c421dfa..7d607ce2 100644 --- a/apps/x/apps/renderer/src/components/email-view.tsx +++ b/apps/x/apps/renderer/src/components/email-view.tsx @@ -376,6 +376,12 @@ function ThreadDetail({