fix: adjust email content area layout for better responsiveness

2026-03-15 18:15:33 +01:00
parent 9bffb72338
commit 26b38982ac
1 changed files with 3 additions and 2 deletions
@@ -2119,6 +2119,9 @@ export function EmailViewer({
        </div>
      )}

+      {/* Email Content Area */}
+      <div className={cn("flex-1 overflow-auto bg-muted/30", isMobile && "pb-16")}>
+
      {/* === SENDER INFO (Desktop) === */}
      <div className="hidden lg:block bg-background border-b border-border px-6" style={{ paddingBlock: 'var(--density-header-py)' }}>
          <div className="flex items-start" style={{ gap: 'var(--density-item-gap)' }}>
@@ -2657,8 +2660,6 @@ export function EmailViewer({
        </div>
      )}

-      {/* Email Content Area */}
-      <div className={cn("flex-1 overflow-auto bg-muted/30", isMobile && "pb-16")}>
        {/* Mobile/Tablet Sender Info - scrolls with content */}
        <div className="lg:hidden bg-background border-b border-border px-4" style={{ paddingBlock: 'var(--density-header-py)' }}>
          <div className="flex items-start" style={{ gap: 'var(--density-item-gap)' }}>