email: charset decoding, inline attachments, UI fixes

- respect charset from Content-Type when decoding body and headers - detect inline attachments with filenames (not just disposition: attachment) - fix broken decodeQuotedPrintable reference in parseAttachments - white background for email iframe (emails designed for light bg) - sticky header in email list, scrollable message area - arrow key navigation between emails with scroll-into-view - /email/:id routing for deep linking to specific emails - empty folder shows "No emails in this folder" instead of losing header - fix attachment viewer header overlap with dialog close button Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-03-02 20:00:45 +00:00
parent de1baa1588
commit b963d9b7a7
5 changed files with 119 additions and 25 deletions
@@ -27,8 +27,8 @@ const HtmlBody = ({ html }: { html: string }) => {
      <html>
        <head>
          <style>
-            body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; font-size: 14px; margin: 0; padding: 16px; color: #e0e0e0; background: transparent; }
-            a { color: #60a5fa; }
+            body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; font-size: 14px; margin: 0; padding: 16px; color: #1a1a1a; background: #ffffff; }
+            a { color: #1a73e8; }
            img { max-width: 100%; height: auto; }
          </style>
        </head>
@@ -126,7 +126,7 @@ export const EmailReader = () => {
              fileName={openAttachment.fileName}
              root={openAttachment.root}
            >
-              <div className="flex shrink-0 items-center gap-2 border-b px-4 py-1.5">
+              <div className="flex shrink-0 items-center gap-2 border-b px-4 pr-12 py-1.5">
                <FileViewerHeader />
              </div>
              <div className="min-h-0 flex-1">