feat: 卡片 flex -> grid

a068678a · KesaubeEire · c9770aed · a068678a
Commit a068678a authored Oct 23, 2023 by KesaubeEire
Hide whitespace changes
Inline Side-by-side

Showing with 6 additions and 1 deletion

src/Content.svelte src/Content.svelte +6 -1

No files found.
--- a/src/Content.svelte
+++ b/src/Content.svelte
@@ -363,7 +363,7 @@
 </dialog>

 {#if List.length}
-  <div class="cardContainer flex flex-wrap justify-evenly gap-4 my-3" transition:fade={{ delay: 0, duration: 300 }}>
+  <div class="cardContainer justify-evenly gap-4 my-3" transition:fade={{ delay: 0, duration: 300 }}>
    {#each List as item}
      <Card
        title={item.cn_name}
@@ -402,4 +402,9 @@
      max-width: 96vw;
    }
  }
+
+  .cardContainer {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, 20rem);
+  }
 </style>