From 7ee003033215105e622167224bf4dd38023bf82b Mon Sep 17 00:00:00 2001
From: TinySnow <lo.tinysnow.ol@outlook.com>
Date: Sun, 13 Aug 2023 15:53:38 +0800
Subject: [PATCH] Added a simple footer

---
 src/components/footer.tsx          | 16 ++++++++++++++++
 src/pages/pure-text/pure-text.less | 18 ++++++++++++++++--
 src/pages/pure-text/pure-text.tsx  |  8 ++++++--
 3 files changed, 38 insertions(+), 4 deletions(-)
 create mode 100644 src/components/footer.tsx

diff --git a/src/components/footer.tsx b/src/components/footer.tsx
new file mode 100644
index 0000000..e8f7ce0
--- /dev/null
+++ b/src/components/footer.tsx
@@ -0,0 +1,16 @@
+import Link from "antd/es/typography/Link";
+import React from "react";
+
+interface FooterProps {}
+
+const Feeter: React.FC<FooterProps> = () => {
+  return (
+    <Feeter>
+      <div>
+        <Link href="https://github.com/TinySnow/Typeseter">Github</Link>
+      </div>
+    </Feeter>
+  );
+};
+
+export default Feeter;
diff --git a/src/pages/pure-text/pure-text.less b/src/pages/pure-text/pure-text.less
index 2c6c2b5..c39322f 100644
--- a/src/pages/pure-text/pure-text.less
+++ b/src/pages/pure-text/pure-text.less
@@ -4,12 +4,26 @@
 }
 
 .contentStyle {
-  margin-bottom: 5%;
+  @media screen and (max-width: 576px) {
+    margin-bottom: 5%;
+  }
+  @media screen and (max-width: 768px) {
+    margin-bottom: 5%;
+  }
+  @media screen and (max-width: 992px) {
+    margin-bottom: 4%;
+  }
+  @media screen and (max-width: 1200px) {
+    margin-bottom: 3%;
+  }
+  @media screen and (max-width: 1600px) {
+    margin-bottom: 3%;
+  }
 }
 
 .footerStyle {
   text-align: center;
-  background: #7dbcea;
+  background: #dfedf7;
 }
 
 .handleBotton {
diff --git a/src/pages/pure-text/pure-text.tsx b/src/pages/pure-text/pure-text.tsx
index f2dfe4e..b654c33 100644
--- a/src/pages/pure-text/pure-text.tsx
+++ b/src/pages/pure-text/pure-text.tsx
@@ -1,11 +1,12 @@
 import React, { useState } from "react";
-import type { CollapseProps } from "antd";
 import { Layout, Col, Row, Button, Collapse } from "antd";
 import style from "./pure-text.less";
 import { In } from "@/components/input";
 import { PureSetting } from "@/components/pure-setting";
 import { Option } from "@/models/option";
 import { typeset } from "@/utils/typeset";
+import Feeter from "@/components/footer";
+import Link from "antd/es/typography/Link";
 
 const { Header, Footer, Content } = Layout;
 
@@ -90,7 +91,10 @@ const PureText = () => {
           onChange={handleTextChange}
         />
       </Content>
-      <Footer className={style.footerStyle}>Footer</Footer>
+      <Footer className={style.footerStyle}>
+        {/* <Feeter /> */}
+        <Link href="https://github.com/TinySnow/Typeseter">Github</Link>
+      </Footer>
     </Layout>
   );
 };