From 2bae429fbc1d586832841a45fea8a979f8a27bb8 Mon Sep 17 00:00:00 2001
From: Eltrac <hi@guhub.cn>
Date: Wed, 8 Jan 2025 21:22:48 +0800
Subject: fix(theme): overflowing footer

Former-commit-id: 069f2c9973fed4e4a3222d73fcbbf50d7ecc8ddf
---
 assets/css/components/_footer.scss | 41 +++++++++++++++++++++-----------------
 1 file changed, 23 insertions(+), 18 deletions(-)

(limited to 'assets/css')

diff --git a/assets/css/components/_footer.scss b/assets/css/components/_footer.scss
index e19405ac..0b78faf2 100644
--- a/assets/css/components/_footer.scss
+++ b/assets/css/components/_footer.scss
@@ -1,20 +1,40 @@
 #footer {
-    width: var(--page-width);
     margin: 2rem auto;
     font-family: var(--mono-font-family);
 
+    @media screen and (min-width: 768px) {
+        width: var(--page-width);
+        display: flex;
+        justify-content: space-between;
+    }
+
+    #footer-copyright {
+        .word-count {
+            font-family: var(--serif-font-family);
+            font-size: .9rem;
+            color: var(--secondary-text-color)
+        }
+    }
+
     #footer-links {
         display: flex;
         flex-direction: column;
-        align-items: flex-end;
+
+        @media screen and (min-width: 768px) {
+            align-items: flex-end;
+        }
 
         ul.footer-navigation {
             list-style: none;
             display: flex;
             gap: 0.5rem;
-            justify-content: flex-end;
             padding-inline-start: 0;
             margin: .5rem 0;
+
+            @media screen and (min-width: 768px) {
+                justify-content: flex-end;
+            }
+
             li {
                 display: inline-flex;
                 align-items: center;
@@ -27,19 +47,4 @@
             }
         }
     }
-
-    #footer-copyright {
-        .word-count {
-            font-family: var(--serif-font-family);
-            font-size: .9rem;
-            color: var(--secondary-text-color)
-        }
-    }
-}
-
-@media screen and (min-width: 768px) {
-    #footer {
-        display: flex;
-        justify-content: space-between;
-    }
 }
-- 
cgit v1.2.3