style(比赛): 有密码的比赛前面那个彩色盾牌锁换成和全站一样的细线灰锁，放到比赛名后面

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

apps/web/src/oj/contest/components/UserName.vue

@@ -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>

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="ph:lock-simple"
-      icon="streamline-ultimate-color:shield-lock"
+      width="1em"
-    ></Icon>
+      class="lock"
-    <span>{{ contest.title }}</span>
+      title="要输入密码才能进"
-  </n-flex>
+    />
+  </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>