Add Layout components

- write Content and Footer components
Jaewoook · Aug 10, 2022 · 8ea8f61 · 8ea8f61
1 parent 116706e
commit 8ea8f61
Show file tree

Hide file tree

Showing 2 changed files with 35 additions and 0 deletions.
diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
@@ -0,0 +1,34 @@
+/**
+ * External modules
+ */
+import styled from "styled-components";
+import { Layout } from "antd";
+
+export const Header = styled.div`
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    z-index: 1;
+    background-color: #f0f2f5;
+`;
+
+export const Content = styled(Layout.Content)`
+    margin-top: 124px;
+    background-color: #fafafa;
+`;
+
+export const Footer = styled(Layout.Footer)`
+    display: flex;
+    padding: 0 0 16px 0;
+    justify-content: center;
+    align-items: center;
+    background-color: #fafafa;
+
+    & * {
+        color: rgba(0, 0, 0, 0.3) !important;
+    }
+    & > div > * {
+        cursor: pointer;
+    }
+`;
diff --git a/src/components/index.ts b/src/components/index.ts
@@ -1,2 +1,3 @@
 export { AddressList } from "./AddressList";
 export { ClickToCopyText } from "./ClickToCopyText";
+export * from "./Layout";