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

src/admin/user/components/Actions.vue

@@ -19,7 +19,7 @@ async function banUser() {
 }
 </script>
 <template>
-  <n-space align="center">
+  <n-flex>
     <n-button
       size="small"
       type="primary"
@@ -42,5 +42,5 @@ async function banUser() {
       </template>
       确定删除这个用户吗？删除后无法恢复！
     </n-popconfirm>
-  </n-space>
+  </n-flex>
 </template>

src/admin/user/components/Name.vue

@@ -9,7 +9,7 @@ const props = defineProps<Props>()
 const isAdmin = computed(() => props.user.admin_type !== "Regular User")
 </script>
 <template>
-  <n-space align="center">
+  <n-flex align="center">
     <n-tag v-if="props.user.is_disabled" type="error" size="small">
       封号中
     </n-tag>
@@ -21,5 +21,5 @@ const isAdmin = computed(() => props.user.admin_type !== "Regular User")
       {{ getUserRole(props.user.admin_type).tagString }}
     </n-tag>
     {{ props.user.username }}
-  </n-space>
+  </n-flex>
 </template>