feat: :construction: Router and new history page

1 files changed, 28 insertions, 0 deletions

diff --git a/extension/react-app/src/components/Layout.tsx b/extension/react-app/src/components/Layout.tsx
new file mode 100644
index 00000000..d1688299
--- /dev/null
+++ b/extension/react-app/src/components/Layout.tsx
@@ -0,0 +1,28 @@
+import styled from "styled-components";
+import { defaultBorderRadius } from ".";
+import { Outlet } from "react-router-dom";
+
+const LayoutTopDiv = styled.div`
+  height: 100%;
+  border-radius: ${defaultBorderRadius};
+  scrollbar-base-color: transparent;
+  scrollbar-width: thin;
+`;
+const Layout = () => {
+  return (
+    <LayoutTopDiv>
+      <div
+        style={{
+          scrollbarGutter: "stable both-edges",
+          minHeight: "100%",
+          display: "grid",
+          gridTemplateRows: "1fr auto",
+        }}
+      >
+        <Outlet />
+      </div>
+    </LayoutTopDiv>
+  );
+};
+
+export default Layout;