[Refactor][UI] Refactor user manage using NSpace component. (#10816)

dolphinscheduler-ui/src/views/security/user-manage/index.tsx

@@ -22,9 +22,9 @@ import {
   NIcon,
   NSpace,
   NDataTable,
-  NPagination
+  NPagination,
+  NCard
 } from 'naive-ui'
-import Card from '@/components/card'
 import UserDetailModal from './components/user-detail-modal'
 import AuthorizeModal from './components/authorize-modal'
 import { useI18n } from 'vue-i18n'
@@ -65,28 +65,28 @@ const UsersManage = defineComponent({
   },
   render() {
     return (
-      <>
       <NSpace vertical>
-          <Card>
+        <NCard size='small'>
           <NSpace justify='space-between'>
             <NButton
               onClick={this.onAddUser}
               type='primary'
               class='btn-create-user'
+              size='small'
             >
               {this.t('security.user.create_user')}
             </NButton>
             <NSpace>
-                <NInput v-model:value={this.searchVal} clearable />
+              <NInput v-model:value={this.searchVal} size='small' clearable />
-                <NButton type='primary' onClick={this.onUpdatedList}>
+              <NButton type='primary' size='small' onClick={this.onUpdatedList}>
                 <NIcon>
                   <SearchOutlined />
                 </NIcon>
               </NButton>
             </NSpace>
           </NSpace>
-          </Card>
+        </NCard>
-          <Card>
+        <NCard size='small'>
           <NSpace vertical>
             <NDataTable
               row-class-name='items'
@@ -108,8 +108,7 @@ const UsersManage = defineComponent({
               />
             </NSpace>
           </NSpace>
-          </Card>
+        </NCard>
-        </NSpace>
         <UserDetailModal
           show={this.detailModalShow}
           currentRecord={this.currentRecord}
@@ -122,7 +121,7 @@ const UsersManage = defineComponent({
           userId={this.currentRecord?.id}
           onCancel={this.onAuthorizeModalCancel}
         />
-      </>
+      </NSpace>
     )
   }
 })