From f19345c652cfcf1bdf13d0a44a2f302e0cd1aa4c Mon Sep 17 00:00:00 2001
From: Nate Sesti <sestinj@gmail.com>
Date: Sun, 6 Aug 2023 09:28:22 -0700
Subject: feat: :construction: Router and new history page

---
 extension/react-app/src/components/Layout.tsx | 28 +++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)
 create mode 100644 extension/react-app/src/components/Layout.tsx

(limited to 'extension/react-app/src/components/Layout.tsx')

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;
-- 
cgit v1.2.3-70-g09d2

