style(题目): 分隔条两边各留 12px——左栏的「统计 / 点评 / 我的提交」和右栏的「写代码 / 画流程图」原来紧贴着分隔条,看上去连成一排

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
xuyueandClaude Opus 5.5 committed 2026-09-28 19:21:53 +08:00
1 parent a538e60e28
commit 10169f5792
1 file changed
+14
+14
View File
@@ -272,7 +272,9 @@ onBeforeUnmount(() => {
</div>
</template>
<template #2>
<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 {