update

src/admin/problem/list.vue

@@ -150,7 +150,7 @@ watch(() => [query.page, query.limit, query.author], listProblems)
         type="primary"
         @click="selectProblems"
       >
-        从题库中选择
+        从题目中选择
       </n-button>
       <n-flex align="center" v-if="!props.contestID">
         <span>出题人</span>

src/oj/problemset/detail.vue

@@ -116,7 +116,8 @@ onMounted(init)
 </script>
 
 <template>
-  <n-card v-if="problemSet" style="margin-bottom: 24px">
+  <div v-if="problemSet">
+    <n-card style="margin-bottom: 24px">
       <n-flex justify="space-between" align="center">
         <n-flex align="center">
           <n-tag type="warning" v-if="problemSet.status === 'archived'">
@@ -177,7 +178,7 @@ onMounted(init)
         </n-flex>
       </n-flex>
     </n-card>
-  <n-grid v-if="problemSet" :cols="isDesktop ? 4 : 1" :x-gap="16" :y-gap="16">
+    <n-grid :cols="isDesktop ? 4 : 1" :x-gap="16" :y-gap="16">
       <n-grid-item
         v-for="(problemSetProblem, index) in problems"
         :key="problemSetProblem.id"
@@ -189,8 +190,8 @@ onMounted(init)
         >
           <n-flex align="center">
             <Icon
-            style="margin-right: 12px"
-            width="50"
+              style="margin-right: 10px"
+              width="48"
               icon="noto:check-mark-button"
               v-if="problemSetProblem.is_completed"
             />
@@ -210,8 +211,8 @@ onMounted(init)
                 >
                   {{ DIFFICULTY[problemSetProblem.problem.difficulty] }}
                 </n-tag>
-              <n-text type="info"> 分数：{{ problemSetProblem.score }} </n-text>
-              <n-text v-if="!problemSetProblem.is_required"> （选做） </n-text>
+                <n-text type="info">分数：{{ problemSetProblem.score }}</n-text>
+                <n-text v-if="!problemSetProblem.is_required">（选做）</n-text>
               </n-flex>
             </n-flex>
           </n-flex>
@@ -220,13 +221,14 @@ onMounted(init)
     </n-grid>
 
     <div class="tip">
-    <n-text :deep="3">* 题目完成后会自动返回题单页面</n-text>
+      <n-text>题目完成后会自动返回题单页面</n-text>
+    </div>
   </div>
 </template>
 
 <style scoped>
 .tip {
-  padding: 24px;
+  padding-top: 24px;
   text-align: center;
 }
 </style>

src/shared/components/Header.vue

@@ -90,7 +90,7 @@ const menus = computed<MenuOption[]>(() => [
     icon: renderIcon("streamline-emojis:snake"),
   },
   {
-    label: () => h(RouterLink, { to: "/" }, { default: () => "题库" }),
+    label: () => h(RouterLink, { to: "/" }, { default: () => "题目" }),
     key: "problem",
     icon: renderIcon("streamline-emojis:blossom"),
   },