chore: footer style

tvqqq · Jun 5, 2023 · 8de0c6a · 8de0c6a · vercel · Jun 5, 2023
1 parent eee3fc7
commit 8de0c6a
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 9 deletions.
diff --git 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
@@ -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
@@ -61,6 +61,11 @@
       }
     }
   }
+
+  // Block Sticker before footer
+  .notion-block-3cbaa189fc184e6096ea634c370c153b {
+    margin-top: -1em;
+  }
 }
 
 /** Pages have github icon **/