From 0164e105139736ca2860898b3cb05241d400ffff Mon Sep 17 00:00:00 2001
From: yuetsh <517252939@qq.com>
Date: Mon, 7 Sep 2026 05:37:05 -0600
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E8=B0=83=E8=AF=95?=
 =?UTF-8?q?=E9=9D=A2=E6=9D=BF=E5=8F=B3=E4=BE=A7=E4=BF=A1=E6=81=AF=E8=A2=AB?=
 =?UTF-8?q?=E6=8C=A4=E5=88=B0=E4=B8=8B=E6=96=B9=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

外层 flex 未禁用换行且左列没有 min-width: 0，编辑器的最小内容宽度
会把「调试信息」卡片挤到下一行。现在桌面端强制左右分栏，移动端保持
上下堆叠。

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01JypUVVTKYKhYdBAVGVPpCC
---
 src/components/DebugPanel.vue | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/components/DebugPanel.vue b/src/components/DebugPanel.vue
index 1953d7b..a6631e0 100644
--- a/src/components/DebugPanel.vue
+++ b/src/components/DebugPanel.vue
@@ -13,6 +13,7 @@ import DebugEditor from "./DebugEditor.vue"
 
 // 组合式函数和类型
 import { code, size, output, status } from "../composables/code"
+import { isMobile } from "../composables/breakpoints"
 import { Status } from "../types"
 
 // ==================== Props 和 Emits ====================
@@ -463,9 +464,10 @@ function autoRun() {
 </script>
 
 <template>
-  <n-flex>
+  <!-- 移动端上下堆叠，桌面端左右分栏（不换行，否则窄屏时右侧面板会被挤到下面） -->
+  <n-flex :vertical="isMobile" :wrap="false" align="stretch">
     <!-- 左侧：分为上中下三层 -->
-    <n-flex vertical style="flex: 1">
+    <n-flex vertical style="flex: 1; min-width: 0">
       <DebugEditor
         v-model="code.value"
         :font-size="size"
@@ -537,7 +539,16 @@ function autoRun() {
     </n-flex>
 
     <!-- 右侧：调试信息面板 -->
-    <n-card :bordered="true" title="调试信息" size="small" style="width: 350px">
+    <n-card
+      :bordered="true"
+      title="调试信息"
+      size="small"
+      :style="
+        isMobile
+          ? { width: '100%' }
+          : { width: '350px', flex: '0 0 350px' }
+      "
+    >
       <!-- 变量部分：局部 / 全局分组 -->
       <n-flex vertical style="margin-bottom: 16px">
         <n-scrollbar style="max-height: 300px">