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

src/admin/problem/components/Actions.vue

@@ -55,7 +55,7 @@ function goCheck() {
 }
 </script>
 <template>
-  <n-space align="center">
+  <n-flex>
     <n-button size="small" secondary type="primary" @click="goEdit">
       编辑
     </n-button>
@@ -74,5 +74,5 @@ function goCheck() {
       </template>
       下载测试用例
     </n-tooltip>
-  </n-space>
+  </n-flex>
 </template>

src/admin/problem/components/AddButton.vue

@@ -37,10 +37,10 @@ async function addProblem() {
     <template #trigger>
       <n-button secondary size="small" type="primary">+</n-button>
     </template>
-    <n-space vertical>
+    <n-flex vertical>
       <span>请输入在这场比赛中的显示编号</span>
       <n-input autofocus v-model:value="displayID" />
-    </n-space>
+    </n-flex>
   </n-popconfirm>
 </template>
 <style scoped></style>