From 8de0c6ab2170d9a77e86117fe298b5d1aa3e6561 Mon Sep 17 00:00:00 2001
From: Quyen Tat <tvq9612@gmail.com>
Date: Mon, 5 Jun 2023 12:19:52 +0700
Subject: [PATCH] chore: footer style

---
 components/Footer.tsx        |  2 --
 components/styles.module.css | 21 ++++++++++++++-------
 styles/zcustom.scss          |  5 +++++
 3 files changed, 19 insertions(+), 9 deletions(-)

diff --git a/components/Footer.tsx b/components/Footer.tsx
index b7d61b2940..5b31341988 100644
--- a/components/Footer.tsx
+++ b/components/Footer.tsx
@@ -34,9 +34,7 @@ export const FooterImpl: React.FC = () => {
 
   return (
     <footer className={styles.footer}>
-      <div></div>
       <div className={styles.copyright}>Copyright © 2023 - {config.author}</div>
-      <div></div>
 
       {/* <div className={styles.settings}>
         {hasMounted && (
diff --git a/components/styles.module.css b/components/styles.module.css
index 0be1753926..031caa8c6e 100644
--- a/components/styles.module.css
+++ b/components/styles.module.css
@@ -46,18 +46,25 @@
 .footer {
   width: 100%;
   max-width: 1100px;
-  margin: auto auto 1em;
-  padding: 8px;
+  margin: -2em auto 0;
+  padding: 1em;
+  display: block;
 
-  display: flex;
+  /* display: flex;
   flex-direction: row;
   justify-content: space-between;
-  align-items: center;
+  align-items: center; */
 }
 
 .copyright {
+  text-align: center;
   font-size: 80%;
-  padding: 0.5em;
+  margin-top: -2em;
+}
+@media screen and (min-width: 1300px) {
+  .copyright {
+    margin-left: 40px;
+  }
 }
 
 .settings,
@@ -123,7 +130,7 @@
   border-top: 1px solid var(--fg-color-0);
 }
 
-@media only screen and (max-width: 566px) {
+/* @media only screen and (max-width: 566px) {
   .footer {
     flex-direction: column;
   }
@@ -141,7 +148,7 @@
   .footer .copyright {
     order: 3;
   }
-}
+} */
 
 .pageActions {
   display: flex;
diff --git a/styles/zcustom.scss b/styles/zcustom.scss
index a47116e5fa..ed66bad225 100644
--- a/styles/zcustom.scss
+++ b/styles/zcustom.scss
@@ -61,6 +61,11 @@
       }
     }
   }
+
+  // Block Sticker before footer
+  .notion-block-3cbaa189fc184e6096ea634c370c153b {
+    margin-top: -1em;
+  }
 }
 
 /** Pages have github icon **/