From afde70c98ebdf4367f24759311aaa0586b6463eb Mon Sep 17 00:00:00 2001
From: kurihada <kurihada@qq.com>
Date: Thu, 26 Feb 2026 13:52:20 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=88=86=E4=BA=AB=E5=8D=A1=E7=89=87?=
 =?UTF-8?q?=E5=85=B3=E9=97=AD=E6=8C=89=E9=92=AE=E5=AE=9A=E4=BD=8D=E5=88=B0?=
 =?UTF-8?q?=E5=8D=A1=E7=89=87=E5=8F=B3=E4=B8=8A=E8=A7=92?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ShareCardModal.tsx | 18 ++++++++----------
 1 file changed, 8 insertions(+), 10 deletions(-)

diff --git a/src/components/ShareCardModal.tsx b/src/components/ShareCardModal.tsx
index f56d85b..a6b1790 100644
--- a/src/components/ShareCardModal.tsx
+++ b/src/components/ShareCardModal.tsx
@@ -878,16 +878,14 @@ export default function ShareCardModal({
             exit={{ opacity: 0, scale: 0.92 }}
             transition={{ duration: 0.25, ease: "easeOut" }}
           >
-            {/* Close button (floating) */}
-            <button
-              onClick={onClose}
-              className="mb-3 flex h-9 w-9 shrink-0 items-center justify-center self-end rounded-full bg-white/10 text-gray-300 transition-colors active:bg-white/20"
-            >
-              <X size={18} />
-            </button>
-
-            {/* Card */}
-            <div className="flex shrink-0 justify-center">
+            {/* Card + close button wrapper */}
+            <div className="relative flex shrink-0 justify-center">
+              <button
+                onClick={onClose}
+                className="absolute right-3 top-3 z-10 flex h-8 w-8 items-center justify-center rounded-full bg-black/40 text-white/70 transition-colors active:bg-black/60"
+              >
+                <X size={16} />
+              </button>
               {imageLoading ? (
                 <div
                   style={{ width: 340, height: 400 }}