From 2bb74652a055e1bb820a1788aa34f073b33b9500 Mon Sep 17 00:00:00 2001
From: yuetsh <517252939@qq.com>
Date: Sat, 10 Oct 2026 06:44:42 +0800
Subject: [PATCH] =?UTF-8?q?style(=E6=AF=94=E8=B5=9B):=20=E6=9C=89=E5=AF=86?=
 =?UTF-8?q?=E7=A0=81=E7=9A=84=E6=AF=94=E8=B5=9B=E5=89=8D=E9=9D=A2=E9=82=A3?=
 =?UTF-8?q?=E4=B8=AA=E5=BD=A9=E8=89=B2=E7=9B=BE=E7=89=8C=E9=94=81=E6=8D=A2?=
 =?UTF-8?q?=E6=88=90=E5=92=8C=E5=85=A8=E7=AB=99=E4=B8=80=E6=A0=B7=E7=9A=84?=
 =?UTF-8?q?=E7=BB=86=E7=BA=BF=E7=81=B0=E9=94=81=EF=BC=8C=E6=94=BE=E5=88=B0?=
 =?UTF-8?q?=E6=AF=94=E8=B5=9B=E5=90=8D=E5=90=8E=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 .../src/oj/contest/components/UserName.vue    | 46 -------------------
 .../src/shared/components/ContestTitle.vue    | 37 ++++++++++++---
 .../components/UserName.vue                   |  0
 3 files changed, 30 insertions(+), 53 deletions(-)
 delete mode 100644 apps/web/src/oj/contest/components/UserName.vue
 rename apps/web/src/{oj/submission => shared}/components/UserName.vue (100%)

diff --git a/apps/web/src/oj/contest/components/UserName.vue b/apps/web/src/oj/contest/components/UserName.vue
deleted file mode 100644
index 2d44387..0000000
--- a/apps/web/src/oj/contest/components/UserName.vue
+++ /dev/null
@@ -1,46 +0,0 @@
-<script setup lang="ts">
-import { useThemeVars } from "naive-ui"
-
-/**
- * 榜单上的名字：`ks241` 前缀淡一点，后面的名字是重点（和提交列表一个写法）。
- * 前缀对不上班级号就整个照常显示
- */
-const props = defineProps<{ username: string; className?: string | null; strong?: boolean }>()
-
-const theme = useThemeVars()
-
-const parts = computed(() => {
-  const prefix = props.className ? `ks${props.className}` : ""
-  if (prefix && props.username.startsWith(prefix) && props.username.length > prefix.length) {
-    return [prefix, props.username.slice(prefix.length)]
-  }
-  return ["", props.username]
-})
-</script>
-
-<template>
-  <span class="user" :title="username"
-    ><span class="prefix">{{ parts[0] }}</span
-    ><span class="name" :class="{ strong }">{{ parts[1] }}</span></span
-  >
-</template>
-
-<style scoped>
-.user {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.prefix {
-  color: v-bind("theme.textColor3");
-}
-
-.name {
-  color: v-bind("theme.textColor1");
-}
-
-.name.strong {
-  font-weight: 700;
-}
-</style>
diff --git a/apps/web/src/shared/components/ContestTitle.vue b/apps/web/src/shared/components/ContestTitle.vue
index a926300..27fc299 100644
--- a/apps/web/src/shared/components/ContestTitle.vue
+++ b/apps/web/src/shared/components/ContestTitle.vue
@@ -1,18 +1,41 @@
 <script setup lang="ts">
 import { Icon } from "@iconify/vue"
+import { useThemeVars } from "naive-ui"
 import { ContestType } from "utils/constants"
 import type { AdminContest, Contest } from "utils/types"
 
 defineProps<{ contest: AdminContest | Contest }>()
+
+const theme = useThemeVars()
 </script>
 <template>
-  <n-flex>
+  <span class="contest-title">
+    <span class="text">{{ contest.title }}</span>
     <Icon
       v-if="contest.contestType === ContestType.private"
-      :height="24"
-      icon="streamline-ultimate-color:shield-lock"
-    ></Icon>
-    <span>{{ contest.title }}</span>
-  </n-flex>
+      icon="ph:lock-simple"
+      width="1em"
+      class="lock"
+      title="要输入密码才能进"
+    />
+  </span>
 </template>
-<style scoped></style>
+<style scoped>
+.contest-title {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  min-width: 0;
+}
+
+.text {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.lock {
+  flex-shrink: 0;
+  color: v-bind("theme.textColor3");
+}
+</style>
diff --git a/apps/web/src/oj/submission/components/UserName.vue b/apps/web/src/shared/components/UserName.vue
similarity index 100%
rename from apps/web/src/oj/submission/components/UserName.vue
rename to apps/web/src/shared/components/UserName.vue