修复当小屏时按钮显示不出问题

src/views/system/user/index.vue

@@ -890,40 +890,46 @@ onMounted(() => {
       <!-- 插槽-卡片左侧侧 -->
       <template #title>
         <a-space :size="8" align="center">
-          <a-button
-            type="primary"
-            @click.prevent="fnModalVisibleByEdit()"
-            v-perms:has="['system:user:add']"
-          >
-            <template #icon><PlusOutlined /></template>
-            {{ t('common.addText') }}
-          </a-button>
-          <a-button
-            type="default"
-            danger
-            :disabled="tableState.selectedRowKeys.length <= 0"
-            @click.prevent="fnRecordDelete()"
-            v-perms:has="['system:user:remove']"
-          >
-            <template #icon><DeleteOutlined /></template>
-            {{ t('common.deleteText') }}
-          </a-button>
-          <a-button
-            type="dashed"
-            @click.prevent="fnModalUploadImportOpen()"
-            v-perms:has="['system:user:import']"
-          >
-            <template #icon><ImportOutlined /></template>
-            {{ t('common.import') }}
-          </a-button>
-          <a-button
-            type="dashed"
-            @click.prevent="fnExportList()"
-            v-perms:has="['system:user:export']"
-          >
-            <template #icon><ExportOutlined /></template>
-            {{ t('common.export') }}
-          </a-button>
+          <div class="button-container">
+            <a-button
+              type="primary"
+              class="primary-button"
+              @click.prevent="fnModalVisibleByEdit()"
+              v-perms:has="['system:user:add']"
+            >
+              <template #icon><PlusOutlined /></template>
+              {{ t('common.addText') }}
+            </a-button>
+            <a-button
+              type="default"
+              danger
+              class="danger-button"
+              :disabled="tableState.selectedRowKeys.length <= 0"
+              @click.prevent="fnRecordDelete()"
+              v-perms:has="['system:user:remove']"
+            >
+              <template #icon><DeleteOutlined /></template>
+              {{ t('common.deleteText') }}
+            </a-button>
+            <a-button
+              type="dashed"
+              class="dashed-button"
+              @click.prevent="fnModalUploadImportOpen()"
+              v-perms:has="['system:user:import']"
+            >
+              <template #icon><ImportOutlined /></template>
+              {{ t('common.import') }}
+            </a-button>
+            <a-button
+              type="dashed"
+              class="dashed-button"
+              @click.prevent="fnExportList()"
+              v-perms:has="['system:user:export']"
+            >
+              <template #icon><ExportOutlined /></template>
+              {{ t('common.export') }}
+            </a-button>
+          </div>
         </a-space>
       </template>