From 70c94f9fc5d445e16fada383b7c8bdc858e8f500 Mon Sep 17 00:00:00 2001
From: nagocoler <nagocoler@qq.com>
Date: Fri, 1 Dec 2023 18:44:19 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E6=88=90=E6=9C=8D=E5=8A=A1=E5=99=A8?=
 =?UTF-8?q?=E4=B8=BB=E6=9C=BA=E9=A2=84=E8=A7=88=E5=8D=A1=E7=89=87=E7=BC=96?=
 =?UTF-8?q?=E5=86=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 itbaima-monitor-web/src/views/main/Manage.vue | 20 ++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/itbaima-monitor-web/src/views/main/Manage.vue b/itbaima-monitor-web/src/views/main/Manage.vue
index 9adbff3..769dd4f 100644
--- a/itbaima-monitor-web/src/views/main/Manage.vue
+++ b/itbaima-monitor-web/src/views/main/Manage.vue
@@ -8,7 +8,10 @@ import PreviewCard from "@/component/PreviewCard.vue";
     <div class="title"><i class="fa-solid fa-server"></i> 管理主机列表</div>
     <div class="description">在这里管理所有已经注册的主机实例，实时监控主机运行状态，快速进行管理和操作。</div>
     <el-divider style="margin: 10px 0"/>
-    <div style="display: flex;gap: 20px">
+    <div class="card-list">
+      <preview-card/>
+      <preview-card/>
+      <preview-card/>
       <preview-card/>
       <preview-card/>
       <preview-card/>
@@ -29,5 +32,20 @@ import PreviewCard from "@/component/PreviewCard.vue";
     font-size: 15px;
     color: grey;
   }
+
+  .card-list {
+    display: flex;
+    gap: 20px;
+    flex-wrap: wrap;
+  }
+}
+
+@keyframes move {
+  from {
+    transform: translateX(-100%);
+  }
+  to {
+    transform: translateX(0);
+  }
 }
 </style>