From bd2e7ac5a5e28388d6d653e529ecae1b4e756d5b Mon Sep 17 00:00:00 2001
From: hypercross <helios.tnak@gmail.com>
Date: Thu, 26 Feb 2026 23:12:26 +0800
Subject: [PATCH] style: pin & table

---
 src/components/md-pin.tsx | 8 ++++----
 src/components/table.tsx  | 4 ++--
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/md-pin.tsx b/src/components/md-pin.tsx
index 8d7c723..212c103 100644
--- a/src/components/md-pin.tsx
+++ b/src/components/md-pin.tsx
@@ -51,7 +51,7 @@ customElement("md-pin", { x: 0, y: 0 }, (props, { element }) => {
     if (!targetImage || !pinContainer) return;
 
     const imgRect = targetImage.getBoundingClientRect();
-    const containerRect = pinContainer.getBoundingClientRect();
+    const containerRect = pinContainer.parentElement.getBoundingClientRect();
 
     // 计算图片左上角相对于容器原始位置的偏移
     const offsetX = imgRect.left - containerRect.left;
@@ -103,10 +103,10 @@ customElement("md-pin", { x: 0, y: 0 }, (props, { element }) => {
   });
 
   return (
-    <span
+    <div
       ref={pinContainer}
       class="md-pin-container"
-      style={{ display: 'inline-block', transform: transformStyle(), 'transform-origin': 'top left' }}
+      style={{ transform: transformStyle(), 'transform-origin': 'top left' }}
     >
       <Show when={visible() && targetImage}>
         <span
@@ -128,6 +128,6 @@ customElement("md-pin", { x: 0, y: 0 }, (props, { element }) => {
           {toastMessage()}
         </div>
       </Show>
-    </span>
+    </div>
   );
 });
diff --git a/src/components/table.tsx b/src/components/table.tsx
index 439ac63..2e1ff9b 100644
--- a/src/components/table.tsx
+++ b/src/components/table.tsx
@@ -186,7 +186,7 @@ customElement('md-table', { roll: false, remix: false }, (props, { element }) =>
             <Show when={props.roll}>
               <button
                 onClick={handleRoll}
-                class="text-gray-500 hover:text-gray-700 flex-shrink-0"
+                class="text-gray-500 hover:text-gray-700 flex-shrink-0 cursor-pointer"
                 title="随机切换"
               >
                 🎲
@@ -197,7 +197,7 @@ customElement('md-table', { roll: false, remix: false }, (props, { element }) =>
                 {(row, index) => (
                   <button
                     onClick={() => setActiveTab(index())}
-                    class={`font-medium transition-colors flex-shrink-0 min-w-[1.6em] ${
+                    class={`font-medium transition-colors flex-shrink-0 min-w-[1.6em] cursor-pointer ${
                       activeTab() === index()
                         ? 'text-blue-600 border-b-2 border-blue-600'
                         : 'text-gray-500 hover:text-gray-700'