fix：集成列表改为gird布局

2023-08-04 15:35:24 +08:00
parent 94576ec09e 5a7ab3e333
commit 4d5f33e064
1 changed files with 5 additions and 6 deletions
--- a/nezha-fronted/src/assets/css/components/page/integration/integration.scss
+++ b/nezha-fronted/src/assets/css/components/page/integration/integration.scss
@@ -14,13 +14,12 @@
    line-height: 100%;
  }
  .integration-list{
-    display: flex;
-    flex-wrap: wrap;
-    margin-left: -16px;
+    margin-top: 10px;
+    display: grid;
+    grid-gap:16px;
+    grid-template-columns:repeat(auto-fill, minmax(260px, 1fr));
    .integration-item{
-      margin-top: 16px;
-      margin-left: 16px;
-      width: 260px;
+      min-width: 260px;
      height: 214px;
      border: 1px solid $--border-color-light;
      border-radius: 4px;