修改卡片列表样式.

2023-10-18 10:35:22 +08:00
parent f13395f351
commit 9a05b303bd
19 changed files with 124 additions and 92 deletions
--- a/orion-ops-ui/src/assets/style/layout.less
+++ b/orion-ops-ui/src/assets/style/layout.less
@@ -67,7 +67,26 @@
 }

 .card-list-item {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  border-radius: 4px;
+  border: 1px solid var(--color-neutral-3);
  transition-property: all;
+
+  & > .arco-card-header {
+    padding: 16px 16px 8px 16px;
+    border: none;
+
+    .arco-card-header-title {
+      font-size: 15px;
+    }
+  }
+
+  & > .arco-card-body {
+    padding: 0 16px 16px 16px;
+    flex-grow: 1;
+  }
 }

 .card-list-item:hover {