From 154e559b13f87cd220fa3dfdca3ab5a3c072a61d Mon Sep 17 00:00:00 2001 From: Eltrac Date: Mon, 7 Apr 2025 15:35:28 +0800 Subject: feat: latest card section in index page Former-commit-id: fb7259d515305b6e4b5262d132ef06b31300c8db --- assets/css/components/_card.scss | 13 +++++++++++++ assets/css/components/_postlist.scss | 24 ++++++++++++++++++++++++ 2 files changed, 37 insertions(+) (limited to 'assets') diff --git a/assets/css/components/_card.scss b/assets/css/components/_card.scss index 9dd10d32..43a25ca4 100644 --- a/assets/css/components/_card.scss +++ b/assets/css/components/_card.scss @@ -82,3 +82,16 @@ } } } + +#latest-cards { + .latest-cards-container { + display: flex; + width: 100%; + overflow-x: auto; + gap: 1rem; + .card { + flex-shrink: 0; + width: 50%; + } + } +} diff --git a/assets/css/components/_postlist.scss b/assets/css/components/_postlist.scss index f2f5c212..87a68026 100644 --- a/assets/css/components/_postlist.scss +++ b/assets/css/components/_postlist.scss @@ -1,3 +1,11 @@ +.index-section-title { + font-size: 1.1rem; + margin-bottom: 0; + font-weight: normal; +} + +/* Post List Styles */ + .posts-list { display: flex; flex-direction: column; @@ -110,3 +118,19 @@ display: inline-block; } } + +/* Card List Styles */ + +#latest-cards { + margin: 1rem 0; + .latest-cards-container { + display: flex; + width: 100%; + overflow-x: auto; + gap: 1rem; + .card { + flex-shrink: 0; + width: 50%; + } + } +} -- cgit v1.2.3