每行 36px 时全部 + 必会题 + 13 个知识点比框高出 40px 左右,「总是显示滚动条」的电脑上 左边多了一根滚动条。压到 32px 一行,1366×768 上是 493px,框高 508px。 Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
1 parent
b046af4ba0
commit
0fd94ee8bf
1 file changed
+5
-3
@@ -258,18 +258,20 @@ const vars = computed(() => ({
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* ---- 左栏:知识点 ---- */
|
/* ---- 左栏:知识点 ---- */
|
||||||
|
/* 全部 + 必会题 + 十几个知识点要整列放下、不出滚动条:36px 一行时差 40px,「总是显示滚动条」
|
||||||
|
的电脑上冒出一根。32px 一行在 1366×768(框高 508px)上是 493px */
|
||||||
.tags {
|
.tags {
|
||||||
flex: 0 0 168px;
|
flex: 0 0 168px;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 2px;
|
gap: 1px;
|
||||||
padding-right: 12px;
|
padding-right: 12px;
|
||||||
border-right: 1px solid var(--divider);
|
border-right: 1px solid var(--divider);
|
||||||
}
|
}
|
||||||
|
|
||||||
.tag-head {
|
.tag-head {
|
||||||
margin: 10px 10px 4px;
|
margin: 8px 10px 2px;
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
color: var(--text3);
|
color: var(--text3);
|
||||||
}
|
}
|
||||||
@@ -279,7 +281,7 @@ const vars = computed(() => ({
|
|||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: 8px;
|
gap: 8px;
|
||||||
height: 36px;
|
height: 32px;
|
||||||
padding: 0 10px;
|
padding: 0 10px;
|
||||||
border: 0;
|
border: 0;
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
|
|||||||
Reference in new issue
Block a user