From f77b6b0a29b2df4ca31216d17c6397181d45d37b Mon Sep 17 00:00:00 2001
From: jieyitang <14948774+jieyitang@users.noreply.github.com>
Date: Mon, 23 Mar 2026 23:35:41 +0800
Subject: [PATCH] fix: email isn't truncate on mobile devices.

---
 app/components/emails/three-column-layout.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/components/emails/three-column-layout.tsx b/app/components/emails/three-column-layout.tsx
index 3fba7839..def3ee3d 100644
--- a/app/components/emails/three-column-layout.tsx
+++ b/app/components/emails/three-column-layout.tsx
@@ -156,7 +156,7 @@ export function ThreeColumnLayout() {
                   {t("backToEmailList")}
                 </button>
                 <div className="flex-1 flex justify-between items-center gap-2 min-w-0">
-                  <div className="flex items-center gap-2">
+                  <div className="flex items-center gap-2 min-w-0">
                     <span className="truncate min-w-0 flex-1 text-right">{selectedEmail.address}</span>
                     <div className="shrink-0 cursor-pointer text-primary" onClick={copyEmailAddress}>
                       <Copy className="size-4" />