feat: lots updates

2022-01-30 21:30:12 +08:00
parent e18c7323a6
commit ceb02d834f
38 changed files with 1943 additions and 1832 deletions
@@ -0,0 +1,36 @@
+import React from "react";
+import styled from "styled-components";
+const StyledWrapper = styled.article`
+  position: relative;
+  width: 100%;
+  background: #fff;
+  height: 100vh;
+  .head {
+    height: 56px;
+    padding: 0 20px;
+    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
+  }
+  .main {
+    height: calc(100vh - 56px);
+    width: 100%;
+    display: flex;
+    align-items: flex-start;
+    justify-content: space-between;
+    position: relative;
+    .members {
+      border-top: 1px solid transparent;
+    }
+  }
+`;
+
+export default function Layout({ children, header, contacts = null }) {
+  return (
+    <StyledWrapper>
+      <header className="head">{header}</header>
+      <main className="main">
+        {children}
+        {contacts && <div className="members">{contacts}</div>}
+      </main>
+    </StyledWrapper>
+  );
+}