From 0a563f428d5e0d3cc04443247d6231bdc58163c1 Mon Sep 17 00:00:00 2001
From: Gzx1999 <guozhengxin@kylinos.cn>
Date: Wed, 29 Nov 2023 20:51:51 +0800
Subject: [PATCH] update service page layout

---
 .../views/Cluster/MachineDetail/Service.vue   | 59 ++++++++++++++++++-
 1 file changed, 58 insertions(+), 1 deletion(-)

diff --git a/frontend/src/views/Cluster/MachineDetail/Service.vue b/frontend/src/views/Cluster/MachineDetail/Service.vue
index 41c7d12..6cecec5 100644
--- a/frontend/src/views/Cluster/MachineDetail/Service.vue
+++ b/frontend/src/views/Cluster/MachineDetail/Service.vue
@@ -44,4 +44,61 @@ const display = ref(true)
 const result = ref("")
 
 </script>
-<style lang="scss" scoped></style>
\ No newline at end of file
+<style lang="scss" scoped>
+.content {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-around;
+
+  .services {
+    width: 98%;
+  }
+
+  .info {
+    width: 98%;
+    flex: 1;
+
+    .detail {
+      width: 100%;
+      height: 100%;
+
+      .title {
+        width: 30%;
+        margin: 2% 0;
+      }
+    }
+
+    .result {
+      width: 100%;
+      height: 100%;
+
+      .title {
+        width: 30%;
+        margin: 2% 0;
+      }
+
+      .progress {
+        display: inline-block;
+        width: 74%;
+        margin-left: 2%;
+        border: 1px solid rgba(11, 35, 117, .5);
+        background: #fff;
+        border-radius: 10px;
+        text-align: left;
+
+        span {
+          display: inline-block;
+          text-align: center;
+          color: #fff;
+          width: 100%;
+          border: 1px solid #fff;
+          border-radius: 10px;
+        }
+      }
+    }
+  }
+}
+</style>
\ No newline at end of file
-- 
Gitee