xuyue/OJ2
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(题目页): 相似题目推荐的颜色太浅太淡，题目名绿得发虚、第二行灰得看不清
Deploy / deploy (push) Successful in 2m28s
Details

Browse Source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
xuyueandClaude Opus 5.5 committed 2026-11-04 20:12:08 +08:00
1 parent 6a1a36049e
commit 388f864aec
1 file changed
+11 -10
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/oj/problem/components/SimilarProblems.vue
+11 -10
View File
@@ -26,7 +26,8 @@ import ProblemTypeTag from './ProblemTypeTag.vue'
* `place` 只管标题的样子：题面里和「提示」「来源」一样带绿竖条，结果页签里和「还能挑战」对齐。 * `place` 只管标题的样子：题面里和「提示」「来源」一样带绿竖条，结果页签里和「还能挑战」对齐。
* *
* 每行第二行写和这道题共同的标签：不点开就知道练的是什么。行的写法照题目列表 * 每行第二行写和这道题共同的标签：不点开就知道练的是什么。行的写法照题目列表
* （灰题号、淡底难度、做对人数、类型标签、做过没对的红「−」） * （灰题号、淡底难度、做对人数、类型标签、做过没对的红「−」）。整行可点，题目名
* 和题目列表一样用正文色、不用主题绿：绿字细、在白底上发虚
*/ */
const props = defineProps<{ title: string; place: 'content' | 'result' }>() const props = defineProps<{ title: string; place: 'content' | 'result' }>()
@@ -165,7 +166,7 @@ function difficultyStyle(row: SimilarRow) {
.id { .id {
grid-area: id; grid-area: id;
min-width: 36px; min-width: 36px;
font-size: 14px; font-size: var(--oj-fs-body);
color: v-bind('theme.textColor3'); color: v-bind('theme.textColor3');
font-variant-numeric: tabular-nums; font-variant-numeric: tabular-nums;
} }
@@ -180,8 +181,8 @@ function difficultyStyle(row: SimilarRow) {
.text { .text {
min-width: 0; min-width: 0;
font-size: 15px; font-size: var(--oj-fs-body);
color: v-bind('theme.primaryColor'); font-weight: 500;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
@@ -193,7 +194,7 @@ function difficultyStyle(row: SimilarRow) {
height: 22px; height: 22px;
padding: 0 7px; padding: 0 7px;
border-radius: 4px; border-radius: 4px;
font-size: 13px; font-size: var(--oj-fs-meta);
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
} }
@@ -201,8 +202,8 @@ function difficultyStyle(row: SimilarRow) {
.shared { .shared {
grid-area: shared; grid-area: shared;
min-width: 0; min-width: 0;
font-size: 13px; font-size: var(--oj-fs-sec);
color: v-bind('theme.textColor3'); color: v-bind('theme.textColor2');
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
@@ -211,14 +212,14 @@ function difficultyStyle(row: SimilarRow) {
.people { .people {
grid-area: people; grid-area: people;
justify-self: end; justify-self: end;
font-size: 13px; font-size: var(--oj-fs-sec);
color: v-bind('theme.textColor3'); color: v-bind('theme.textColor2');
font-variant-numeric: tabular-nums; font-variant-numeric: tabular-nums;
white-space: nowrap; white-space: nowrap;
} }
.people b { .people b {
font-weight: 600; font-weight: 600;
color: v-bind('theme.textColor2'); color: v-bind('theme.textColor1');
} }
</style> </style>