From 3adffeaf9f5398cf94d121dbc797847d035dae6f Mon Sep 17 00:00:00 2001
From: Eltrac <hi@guhub.cn>
Date: Wed, 8 Jan 2025 21:12:49 +0800
Subject: feat(theme): responsive index header

Former-commit-id: d91c2e4dc1a9b9d87e6afe7bc13c9c4c9200dd8b
---
 assets/css/components/_pages.scss | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

(limited to 'assets/css/components')

diff --git a/assets/css/components/_pages.scss b/assets/css/components/_pages.scss
index ab49a877..ff54ebe4 100644
--- a/assets/css/components/_pages.scss
+++ b/assets/css/components/_pages.scss
@@ -72,8 +72,10 @@
 /* post series */
 
 #posts-header {
-    display: grid;
-    grid-template-columns: 2fr 1fr;
+    @media screen and (min-width: 768px) {
+        display: grid;
+        grid-template-columns: 2fr 1fr;
+    }
 
     #post-series {
         #post-series-list {
@@ -115,8 +117,11 @@
     #posts-recommendation {
         #posts-recommendation-links {
             display: flex;
-            flex-direction: column;
-            gap: .5rem
+            flex-direction: row;
+            gap: .5rem;
+            @media screen and (min-width: 768px) {
+                flex-direction: column;
+            }
         }
     }
 }
-- 
cgit v1.2.3