From 9d67b387964a4a8eb70f462b757c71768d4bd071 Mon Sep 17 00:00:00 2001
From: coward <coward@mrx.ltd>
Date: Fri, 7 Jun 2024 14:44:08 +0800
Subject: [PATCH] =?UTF-8?q?:art:=E8=B0=83=E6=95=B4=E5=AE=A2=E6=88=B7?=
 =?UTF-8?q?=E7=AB=AF=E5=88=97=E8=A1=A8=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/server/clients.vue | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/views/server/clients.vue b/src/views/server/clients.vue
index 95eff15..22f0eba 100644
--- a/src/views/server/clients.vue
+++ b/src/views/server/clients.vue
@@ -1,7 +1,8 @@
 <script setup lang="ts">
 import {
   deleteClient,
-  downloadClient, generateClientIP,
+  downloadClient,
+  generateClientIP,
   getClients,
   saveClient
 } from "@/api/clients";
@@ -309,7 +310,7 @@ getClientsApi(clientSearchForm.value);
     </div>
     <div class="content">
       <el-card body-style="padding: inherit" shadow="hover">
-        <div class="flex flex-wrap gap-8">
+        <div class="flex flex-wrap gap-4" style="display: flex;justify-content: center;">
           <el-card
             v-for="val in clientsList.data"
             style="float: left; width: 500px"
@@ -418,7 +419,10 @@ getClientsApi(clientSearchForm.value);
             </el-form>
           </el-card>
         </div>
-        <div class="paginate" style="background-color: #ffffff; margin-top: 5px">
+        <div
+          class="paginate"
+          style="background-color: #ffffff; margin-top: 5px"
+        >
           <el-card>
             <el-pagination
               small