From a465450bf1def3c5d15c1be02652e12d6ed371f4 Mon Sep 17 00:00:00 2001
From: rookie4show <rookie4show@gmail.com>
Date: Fri, 23 May 2025 10:28:39 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E5=BC=8F=E7=A5=9E=E5=9B=BE?=
 =?UTF-8?q?=E6=A0=87=E7=BC=A9=E6=94=BE=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../flow/nodes/yys/ShikigamiSelectNode.vue    | 33 +++++++++++++------
 1 file changed, 23 insertions(+), 10 deletions(-)

diff --git a/src/components/flow/nodes/yys/ShikigamiSelectNode.vue b/src/components/flow/nodes/yys/ShikigamiSelectNode.vue
index 471fb81..3c543cf 100644
--- a/src/components/flow/nodes/yys/ShikigamiSelectNode.vue
+++ b/src/components/flow/nodes/yys/ShikigamiSelectNode.vue
@@ -63,7 +63,6 @@ defineExpose({
 </script>
 
 <template>
-  <div class="shikigami-node" :style="{ width: `${nodeWidth}px`, height: `${nodeHeight}px` }">
     <NodeResizer
         v-if="selected"
         :min-width="150"
@@ -93,16 +92,28 @@ defineExpose({
 
     <!-- 输出连接点 -->
     <Handle type="source" position="right" :id="`${id}-source`" />
-  </div>
 </template>
 
 <style scoped>
+.shikigami-node {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  min-width: 180px;
+  min-height: 180px;
+}
+
 .node-content {
+  position: relative;
   background-color: white;
   border: 1px solid #dcdfe6;
   border-radius: 4px;
-  padding: 0;
-  cursor: pointer;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+  width: 100%;
+  height: 100%;
+
+  min-width: 180px;
+  min-height: 180px;
 }
 
 :deep(.vue-flow__node-resizer) {
@@ -165,13 +176,15 @@ defineExpose({
   display: flex;
   flex-direction: column;
   align-items: center;
+  height: calc(100% - 37px); /* 减去header的高度 */
+  box-sizing: border-box;
 }
 
 .shikigami-avatar {
-  width: 80px;
-  height: 80px;
+  width: 80%;
+  height: 80%;
   margin-bottom: 8px;
-  transition: width 0.2s, height 0.2s;
+  transition: all 0.2s;
 }
 
 .shikigami-avatar img {
@@ -182,8 +195,8 @@ defineExpose({
 }
 
 .shikigami-placeholder {
-  width: 80px;
-  height: 80px;
+  width: 80%;
+  height: 80%;
   border: 1px dashed #c0c4cc;
   display: flex;
   align-items: center;
@@ -192,7 +205,7 @@ defineExpose({
   font-size: 12px;
   border-radius: 4px;
   margin-bottom: 8px;
-  transition: width 0.2s, height 0.2s;
+  transition: all 0.2s;
 }
 
 .shikigami-name {