From b23be75978c87d48bbc7b2029f1d7bc9e50b3b4c Mon Sep 17 00:00:00 2001
From: Eltrac <hi@guhub.cn>
Date: Tue, 29 Apr 2025 11:38:24 +0800
Subject: feat: better card section page

- show 2 cards on one row
- show card statistics
- use wider container for the page


Former-commit-id: 5f25a26c7e77335e90c2b954784fa98aed3ec864
---
 assets/css/components/_card.scss     | 33 +++++++++++++++++++++++++++++++++
 assets/css/components/_postlist.scss | 13 -------------
 2 files changed, 33 insertions(+), 13 deletions(-)

(limited to 'assets/css/components')

diff --git a/assets/css/components/_card.scss b/assets/css/components/_card.scss
index 6bf57fcc..8308d1c6 100644
--- a/assets/css/components/_card.scss
+++ b/assets/css/components/_card.scss
@@ -74,6 +74,39 @@
     }
 }
 
+.cards-section {
+    display: grid;
+    grid-template-columns: 1fr;
+    gap: 1rem;
+    @media screen and (min-width: 768px) {
+        grid-template-columns: 1fr 1fr;
+    }
+    .card {
+        margin: 0;
+        h3 {
+            margin: 0;
+        }
+    }
+}
+
+.cards-statistics {
+    margin: 1rem 0;
+    table tr > td:nth-child(2) {
+        text-align: right;
+    }
+    .number-pill {
+        text-align: center;
+        display: inline-block;
+        width: 1.75rem;
+        height: 1.75rem;
+        line-height: 1.75rem;
+        box-sizing: border-box;
+        border-radius: 50%;
+        background-color: var(--block-background-color);
+        font-size: 1rem;
+    }
+}
+
 #latest-cards {
     margin: 1rem 0;
     .latest-cards-container {
diff --git a/assets/css/components/_postlist.scss b/assets/css/components/_postlist.scss
index da4113a2..7682dbae 100644
--- a/assets/css/components/_postlist.scss
+++ b/assets/css/components/_postlist.scss
@@ -131,19 +131,6 @@
             }
         }
     }
-    .term-list-cards {
-        @media screen and (min-width: 768px) {
-            display: grid;
-            grid-template-columns: 1fr 1fr;
-            gap: 1rem;
-        }
-        .card {
-            margin: 0;
-            h3 {
-                margin: 0;
-            }
-        }
-    }
 }
 
 .taxonomy-description hr {
-- 
cgit v1.2.3