From a01e7e4a487682394fc807e978e8e3d4ca44fedc Mon Sep 17 00:00:00 2001
From: "yongen.loong" <yongen.loong@aelf.io>
Date: Wed, 19 Jun 2024 14:39:03 +0800
Subject: [PATCH] feat: footer mobile responsive

---
 src/theme/Footer/Copyright/index.module.css | 30 +++++++++++++++++++++
 src/theme/Footer/Copyright/index.tsx        |  7 +++--
 2 files changed, 35 insertions(+), 2 deletions(-)

diff --git a/src/theme/Footer/Copyright/index.module.css b/src/theme/Footer/Copyright/index.module.css
index ef5d6e4..280b019 100644
--- a/src/theme/Footer/Copyright/index.module.css
+++ b/src/theme/Footer/Copyright/index.module.css
@@ -12,4 +12,34 @@ span.icon {
 
 .img {
   margin: 0 0 0 10px;
+}
+
+.logo {
+  display: none;
+}
+
+@media screen and (max-width: 996px) {
+  .wrap {
+    flex-direction: column;
+    text-align: left;
+  }
+
+  .social {
+    order: -1;
+    padding-bottom: 0.5rem;
+    margin-bottom: 1rem;
+    border-bottom: 1px solid #ccc;
+  }
+
+  .logo {
+    display: block;
+    width: 4rem;
+    margin-right: auto;
+  }
+
+  .copyright {
+    display: flex;
+    gap: 10px;
+    text-align: right;
+  }
 }
\ No newline at end of file
diff --git a/src/theme/Footer/Copyright/index.tsx b/src/theme/Footer/Copyright/index.tsx
index 6ba9709..b647db5 100644
--- a/src/theme/Footer/Copyright/index.tsx
+++ b/src/theme/Footer/Copyright/index.tsx
@@ -11,8 +11,11 @@ export default function CopyrightWrapper(props: Props): JSX.Element {
   return (
     <>
       <div className={styles.wrap}>
-        <Copyright {...props} />
-        <div>
+        <div className={styles.copyright}>
+          <img className={styles.logo} src="/img/Logo.aelf.svg" />
+          <Copyright {...props} />
+        </div>
+        <div className={styles.social}>
           {socialLinks.links.map((i, key) => (
             <a
               key={key}