style(题目): 分隔条两边各留 12px——左栏的「统计 / 点评 / 我的提交」和右栏的「写代码 / 画流程图」原来紧贴着分隔条,看上去连成一排
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
1 parent
a538e60e28
commit
10169f5792
1 file changed
+14
@@ -272,7 +272,9 @@ onBeforeUnmount(() => {
|
|||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<template #2>
|
<template #2>
|
||||||
|
<div class="right-pane">
|
||||||
<ProblemEditor />
|
<ProblemEditor />
|
||||||
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</n-split>
|
</n-split>
|
||||||
|
|
||||||
@@ -313,12 +315,24 @@ onBeforeUnmount(() => {
|
|||||||
padding-bottom: calc(72px + env(safe-area-inset-bottom));
|
padding-bottom: calc(72px + env(safe-area-inset-bottom));
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* 分隔条两边各留 12px:左栏页签行右端的「统计 / 点评 / 我的提交」和右栏工具栏最左的
|
||||||
|
* 「写代码 / 画流程图」都是描边按钮、又在同一高度,原来紧贴着分隔条,看上去连成一排
|
||||||
|
*/
|
||||||
.left-pane {
|
.left-pane {
|
||||||
position: relative;
|
position: relative;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
padding-right: 12px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.right-pane {
|
||||||
|
height: 100%;
|
||||||
|
padding-left: 12px;
|
||||||
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tab-row {
|
.tab-row {
|
||||||
|
|||||||
Reference in new issue
Block a user