style(前台): 页面整体放大一档,列表不再挤成一团;宽屏上内容居中,不再铺满到两边
Deploy / deploy (push) Canceled after 0s

- index.css 加一张 --oj-* 尺寸表和 .oj-page 外壳,二十几个前台页面改成引用它:
  正文 14→15、页标题 20→24、题目/提交列表行高 40→48、比赛/公告 56、筛选控件 28→34
- 阅读型页面限宽 1200 居中;题目/提交列表 1600、比赛详情 1400、排名 1280、班级 PK 1440
- 1280 宽的筛选条放大后放不下,题目/提交列表在 1366 以下退回 13px 的字
- 班级 PK 五个班起格子里不写「一次 x%」(只剩「一次 8…」);赛跑图线尾的数字不再被截掉
- 手机上比赛列表的「没参加」挪到比赛名下面;题单里「以前做对过 · 旧代码先藏着」缩成「做对过」
- 题目详情页(编辑器)和后台不在这一轮

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
xuyueandClaude Opus 5.5 committed 2026-10-10 12:43:12 +08:00
1 parent 45d79ed366
commit 1e441411a5
43 files changed
+1016 -752

No files matched your search

@@ -524,10 +524,10 @@ function resultWidth(value: number) {
}
.filters {
height: 52px;
height: 60px;
flex: none;
box-sizing: border-box;
padding: 0 20px;
padding: 0 var(--oj-pad-x);
display: flex;
align-items: center;
gap: 8px;
@@ -536,18 +536,18 @@ function resultWidth(value: number) {
}
.title {
font-size: 17px;
font-size: 20px;
font-weight: 700;
margin-right: 6px;
margin-right: 8px;
}
.back {
height: 28px;
height: 32px;
padding: 0 10px 0 6px;
border: 0;
border-radius: 4px;
font: inherit;
font-size: 13px;
font-size: var(--oj-fs-sec);
display: inline-flex;
align-items: center;
gap: 2px;
@@ -578,7 +578,7 @@ function resultWidth(value: number) {
.result-legend {
display: flex;
gap: 10px;
font-size: 12px;
font-size: var(--oj-fs-meta);
white-space: nowrap;
color: v-bind("theme.textColor2");
}
@@ -622,7 +622,7 @@ function resultWidth(value: number) {
}
.range {
font-size: 12px;
font-size: var(--oj-fs-meta);
color: v-bind("theme.textColor3");
}
@@ -649,13 +649,13 @@ function resultWidth(value: number) {
}
.summary {
height: 72px;
height: 84px;
flex: none;
box-sizing: border-box;
padding: 0 20px;
padding: 0 var(--oj-pad-x);
display: flex;
align-items: center;
gap: 36px;
gap: 40px;
border-bottom: 1px solid v-bind("theme.dividerColor");
background: v-bind("theme.actionColor");
}
@@ -667,7 +667,7 @@ function resultWidth(value: number) {
}
.ring-label {
font-size: 12px;
font-size: var(--oj-fs-meta);
line-height: 1.5;
color: v-bind("theme.textColor3");
}