summaryrefslogtreecommitdiff
path: root/extension/react-app/src/TestPage.tsx
diff options
context:
space:
mode:
authorNate Sesti <sestinj@gmail.com>2023-05-23 23:45:12 -0400
committerNate Sesti <sestinj@gmail.com>2023-05-23 23:45:12 -0400
commitf53768612b1e2268697b5444e502032ef9f3fb3c (patch)
tree4ed49b73e6bd3c2f8fceffa9643973033f87af95 /extension/react-app/src/TestPage.tsx
downloadsncontinue-f53768612b1e2268697b5444e502032ef9f3fb3c.tar.gz
sncontinue-f53768612b1e2268697b5444e502032ef9f3fb3c.tar.bz2
sncontinue-f53768612b1e2268697b5444e502032ef9f3fb3c.zip
copying from old repo
Diffstat (limited to 'extension/react-app/src/TestPage.tsx')
-rw-r--r--extension/react-app/src/TestPage.tsx33
1 files changed, 33 insertions, 0 deletions
diff --git a/extension/react-app/src/TestPage.tsx b/extension/react-app/src/TestPage.tsx
new file mode 100644
index 00000000..d104980b
--- /dev/null
+++ b/extension/react-app/src/TestPage.tsx
@@ -0,0 +1,33 @@
+import React from "react";
+import styled from "styled-components";
+
+const SideBySideDiv = styled.div`
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ grid-template-rows: 1fr;
+ grid-template-areas: "left right";
+`;
+
+const LeftDiv = styled.div`
+ grid-area: left;
+`;
+
+const RightDiv = styled.div`
+ grid-area: right;
+`;
+
+function TestPage() {
+ return (
+ <div>
+ <h1>Continue</h1>
+ <SideBySideDiv>
+ <LeftDiv>
+ <h2>Left</h2>
+ </LeftDiv>
+ <RightDiv>
+ <h2>Right</h2>
+ </RightDiv>
+ </SideBySideDiv>
+ </div>
+ );
+}