From 647186e276187720dcbb7f37ef81cda28b9dfaca Mon Sep 17 00:00:00 2001
From: yuetsh <517252939@qq.com>
Date: Mon, 26 Oct 2026 13:45:53 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E5=90=8E=E5=8F=B0):=20=E5=87=BA=E9=A2=98?=
 =?UTF-8?q?=E9=A1=B5=E6=94=B6=E8=B5=B7=E7=9A=84=E9=82=A3=E5=87=A0=E6=A0=8F?=
 =?UTF-8?q?=E5=8F=AA=E6=9C=89=E4=B8=AD=E9=97=B4=E4=B8=80=E8=A1=8C=E5=AD=97?=
 =?UTF-8?q?=E8=83=BD=E7=82=B9=EF=BC=8C=E6=95=99=E7=A8=8B=E5=88=97=E8=A1=A8?=
 =?UTF-8?q?=E7=9A=84=E9=A1=B9=E7=9B=AE=E8=A1=8C=E5=8F=AA=E6=9C=89=E5=B0=8F?=
 =?UTF-8?q?=E4=B8=89=E8=A7=92=E8=83=BD=E7=82=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 apps/web/src/admin/problem/detail.vue |  6 ++++--
 apps/web/src/admin/tutorial/list.vue  | 21 +++++++++++++++------
 2 files changed, 19 insertions(+), 8 deletions(-)

diff --git a/apps/web/src/admin/problem/detail.vue b/apps/web/src/admin/problem/detail.vue
index 8b4bca0..9c58c26 100644
--- a/apps/web/src/admin/problem/detail.vue
+++ b/apps/web/src/admin/problem/detail.vue
@@ -1494,8 +1494,10 @@ onMounted(async () => {
   display: flex;
   align-items: center;
   gap: 10px;
-  width: 100%;
-  padding: 0;
+  /* 吃掉卡片的内边距：收起时整张卡都能点，不只是中间那一行字 */
+  margin: -12px -16px;
+  padding: 12px 16px;
+  border-radius: 6px;
   border: 0;
   background: transparent;
   font: inherit;
diff --git a/apps/web/src/admin/tutorial/list.vue b/apps/web/src/admin/tutorial/list.vue
index 10f4376..abef3d2 100644
--- a/apps/web/src/admin/tutorial/list.vue
+++ b/apps/web/src/admin/tutorial/list.vue
@@ -176,12 +176,12 @@ onMounted(load)
         <span class="c-edit" />
       </div>
       <template v-for="group in groups" :key="group.key">
-        <div class="row grouprow">
+        <!-- 整行都能点开合；行里的改名、加一课自己拦住，不顺带开合 -->
+        <div class="row grouprow" @click="toggle(group.key)">
           <button
             type="button"
             class="fold"
             :aria-label="collapsed.has(group.key) ? '展开' : '收起'"
-            @click="toggle(group.key)"
           >
             <Icon
               :icon="collapsed.has(group.key) ? 'ph:caret-right-bold' : 'ph:caret-down-bold'"
@@ -189,7 +189,7 @@ onMounted(load)
             />
           </button>
           <ProjectTile :icon="group.icon" :tone="group.tone" :size="26" />
-          <template v-if="renaming === group.project && group.project">
+          <span v-if="renaming === group.project && group.project" class="rename" @click.stop>
             <n-input
               v-model:value="renameTo"
               size="small"
@@ -200,14 +200,16 @@ onMounted(load)
             />
             <n-button size="small" type="primary" @click="saveRename">保存</n-button>
             <n-button size="small" quaternary @click="renaming = null">取消</n-button>
-          </template>
+          </span>
           <template v-else>
             <span class="group-name">{{
               group.project || (group.hidden ? "没公开" : "没有项目")
             }}</span>
             <span class="muted">{{ group.items.length }} 课</span>
-            <a v-if="group.project" href="#" @click.prevent="startRename(group.project)">改名</a>
-            <a href="#" @click.prevent="createIn(group.project)">加一课</a>
+            <a v-if="group.project" href="#" @click.stop.prevent="startRename(group.project)"
+              >改名</a
+            >
+            <a href="#" @click.stop.prevent="createIn(group.project)">加一课</a>
           </template>
         </div>
         <template v-if="!collapsed.has(group.key)">
@@ -347,6 +349,7 @@ onMounted(load)
 }
 .grouprow {
   gap: 10px;
+  cursor: pointer;
   background: rgba(128, 128, 128, 0.06);
   border-top-color: rgba(128, 128, 128, 0.22);
 }
@@ -364,6 +367,12 @@ onMounted(load)
   opacity: 0.55;
   cursor: pointer;
 }
+.rename {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  cursor: auto;
+}
 .group-name {
   font-weight: 700;
 }