From 10169f57928eba90c82b3788585a4f1ffb060758 Mon Sep 17 00:00:00 2001
From: yuetsh <517252939@qq.com>
Date: Mon, 28 Sep 2026 19:21:53 +0800
Subject: [PATCH] =?UTF-8?q?style(=E9=A2=98=E7=9B=AE):=20=E5=88=86=E9=9A=94?=
 =?UTF-8?q?=E6=9D=A1=E4=B8=A4=E8=BE=B9=E5=90=84=E7=95=99=2012px=E2=80=94?=
 =?UTF-8?q?=E2=80=94=E5=B7=A6=E6=A0=8F=E7=9A=84=E3=80=8C=E7=BB=9F=E8=AE=A1?=
 =?UTF-8?q?=20/=20=E7=82=B9=E8=AF=84=20/=20=E6=88=91=E7=9A=84=E6=8F=90?=
 =?UTF-8?q?=E4=BA=A4=E3=80=8D=E5=92=8C=E5=8F=B3=E6=A0=8F=E7=9A=84=E3=80=8C?=
 =?UTF-8?q?=E5=86=99=E4=BB=A3=E7=A0=81=20/=20=E7=94=BB=E6=B5=81=E7=A8=8B?=
 =?UTF-8?q?=E5=9B=BE=E3=80=8D=E5=8E=9F=E6=9D=A5=E7=B4=A7=E8=B4=B4=E7=9D=80?=
 =?UTF-8?q?=E5=88=86=E9=9A=94=E6=9D=A1=EF=BC=8C=E7=9C=8B=E4=B8=8A=E5=8E=BB?=
 =?UTF-8?q?=E8=BF=9E=E6=88=90=E4=B8=80=E6=8E=92?=
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/oj/problem/detail.vue | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/apps/web/src/oj/problem/detail.vue b/apps/web/src/oj/problem/detail.vue
index b17e6ef..1f78de1 100644
--- a/apps/web/src/oj/problem/detail.vue
+++ b/apps/web/src/oj/problem/detail.vue
@@ -272,7 +272,9 @@ onBeforeUnmount(() => {
         </div>
       </template>
       <template #2>
-        <ProblemEditor />
+        <div class="right-pane">
+          <ProblemEditor />
+        </div>
       </template>
     </n-split>
 
@@ -313,12 +315,24 @@ onBeforeUnmount(() => {
   padding-bottom: calc(72px + env(safe-area-inset-bottom));
 }
 
+/*
+ * 分隔条两边各留 12px：左栏页签行右端的「统计 / 点评 / 我的提交」和右栏工具栏最左的
+ * 「写代码 / 画流程图」都是描边按钮、又在同一高度，原来紧贴着分隔条，看上去连成一排
+ */
 .left-pane {
   position: relative;
   height: 100%;
   display: flex;
   flex-direction: column;
   overflow: hidden;
+  padding-right: 12px;
+  box-sizing: border-box;
+}
+
+.right-pane {
+  height: 100%;
+  padding-left: 12px;
+  box-sizing: border-box;
 }
 
 .tab-row {