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

src/oj/submission/components/StatisticsPanel.vue

@@ -1,5 +1,5 @@
 <template>
-  <n-space size="large" vertical>
+  <n-flex size="large" vertical>
     <n-form :show-feedback="false" inline label-placement="left">
       <n-form-item>
         <n-input
@@ -60,18 +60,11 @@
         </n-gradient-text>
       </n-h1>
     </n-space>
-    <n-space v-if="count.total === 0">
-      <n-h1>
-        <n-gradient-text type="primary">暂无数据统计</n-gradient-text>
-      </n-h1>
-    </n-space>
-    <n-data-table
-      v-if="list.length"
-      striped
-      :columns="columns"
-      :data="list"
-    />
-  </n-space>
+    <n-h1 v-if="count.total === 0">
+      <n-gradient-text type="primary">暂无数据统计</n-gradient-text>
+    </n-h1>
+    <n-data-table v-if="list.length" striped :columns="columns" :data="list" />
+  </n-flex>
 </template>
 <script setup lang="ts">
 import { formatISO, sub, type Duration } from "date-fns"
@@ -85,6 +78,7 @@ interface Props {
 const props = defineProps<Props>()
 
 const options: SelectOption[] = [
+  { label: "30分钟内", value: "minutes:30" },
   { label: "本节课内", value: "hours:1" },
   { label: "两小时内", value: "hours:2" },
   { label: "一天内", value: "days:1" },

src/oj/submission/detail.vue

@@ -82,16 +82,16 @@ onMounted(init)
 </script>
 
 <template>
-  <n-space vertical v-if="submission" :size="24">
+  <n-flex vertical v-if="submission" :size="24">
     <n-alert
       :type="JUDGE_STATUS[submission.result]['type']"
       :title="JUDGE_STATUS[submission.result]['name']"
     >
-      <n-space>
+      <n-flex>
         <span>提交时间：{{ parseTime(submission.create_time) }}</span>
         <span>编程语言：{{ submission.language }}</span>
         <span>用户：{{ submission.username }}</span>
-      </n-space>
+      </n-flex>
     </n-alert>
     <n-card embedded>
       <n-code
@@ -124,7 +124,7 @@ onMounted(init)
       :columns="columns"
       :data="submission.info.data"
     />
-  </n-space>
+  </n-flex>
 </template>
 
 <style scoped>

src/oj/submission/list.vue

@@ -254,7 +254,7 @@ const columns = computed(() => {
 })
 </script>
 <template>
-  <n-space vertical size="large">
+  <n-flex vertical size="large">
     <n-space>
       <n-form :show-feedback="false" inline label-placement="left">
         <n-form-item label="提交状态">
@@ -295,7 +295,7 @@ const columns = computed(() => {
       </n-form>
     </n-space>
     <n-data-table striped :columns="columns" :data="submissions" />
-  </n-space>
+  </n-flex>
   <Pagination
     :total="total"
     v-model:limit="query.limit"