把大部分的 n-space 替换成 n-flex

src/admin/contest/components/Actions.vue

@@ -22,13 +22,13 @@ function goEditProblems() {
 }
 </script>
 <template>
-  <n-space>
+  <n-flex>
     <n-button size="small" type="primary" secondary @click="goEditProblems">
       题目
     </n-button>
     <n-button size="small" type="info" secondary @click="goEdit">
       编辑
     </n-button>
-  </n-space>
+  </n-flex>
 </template>
 <style scoped></style>

src/admin/contest/detail.vue

@@ -127,9 +127,9 @@ onMounted(getContestDetail)
     v-model:value="contest.description"
     :min-height="200"
   />
-  <n-space justify="end">
+  <n-flex justify="end">
     <n-button type="primary" @click="submit">保存</n-button>
-  </n-space>
+  </n-flex>
 </template>
 
 <style scoped>

src/admin/contest/list.vue

@@ -83,10 +83,12 @@ watchDebounced(() => query.keyword, listContests, { debounce: 500, maxWait: 1000
 </script>
 
 <template>
-  <n-space justify="space-between" class="titleWrapper">
+  <n-flex justify="space-between" class="titleWrapper">
     <h2 class="title">比赛列表</h2>
-    <n-input v-model:value="query.keyword" placeholder="输入标题关键字" />
-  </n-space>
+    <div>
+      <n-input v-model:value="query.keyword" placeholder="输入标题关键字" />
+    </div>
+  </n-flex>
   <n-data-table :columns="columns" :data="contests" />
   <Pagination
     :total="total"