docs: add GH link

excalidraw · May 2, 2024 · 11bdc41 · 11bdc41
1 parent e347696
commit 11bdc41
Show file tree

Hide file tree

Showing 2 changed files with 36 additions and 31 deletions.
diff --git a/playground/index.tsx b/playground/index.tsx
@@ -3,6 +3,7 @@ import CustomTest from "./CustomTest.tsx";
 import ExcalidrawWrapper from "./ExcalidrawWrapper.tsx";
 import Testcases from "./Testcases.tsx";
 import { parseMermaid } from "../src/parseMermaid.ts";
+import GitHubCorner from "./GitHubCorner.tsx";
 
 export interface MermaidData {
   definition: string;
@@ -51,34 +52,40 @@ const App = () => {
 
   return (
     <>
-      <section id="custom-test">
-        <h1>{"Custom Test"}</h1>
-        {"Supports only "}
-        <a target="_blank" href="https://mermaid.js.org/syntax/flowchart.html">
-          {"Flowchart"}
-        </a>
-        {", "}
-        <a
-          target="_blank"
-          href="https://mermaid.js.org/syntax/sequenceDiagram.html"
-        >
-          {"Sequence "}
-        </a>
-        {"and "}
-        <a
-          target="_blank"
-          href="https://mermaid.js.org/syntax/classDiagram.html"
-        >
-          {"Class "}
-        </a>
-        {"diagrams."}
-        <br />
-        <CustomTest
-          activeTestCaseIndex={activeTestCaseIndex}
-          mermaidData={deferredMermaidData}
-          onChange={handleOnChange}
-        />
-      </section>
+      <div style={{ width: "50%", display: "flex" }}>
+        <section id="custom-test">
+          <h1>{"Custom Test"}</h1>
+          {"Supports only "}
+          <a
+            target="_blank"
+            href="https://mermaid.js.org/syntax/flowchart.html"
+          >
+            {"Flowchart"}
+          </a>
+          {", "}
+          <a
+            target="_blank"
+            href="https://mermaid.js.org/syntax/sequenceDiagram.html"
+          >
+            {"Sequence "}
+          </a>
+          {"and "}
+          <a
+            target="_blank"
+            href="https://mermaid.js.org/syntax/classDiagram.html"
+          >
+            {"Class "}
+          </a>
+          {"diagrams."}
+          <br />
+          <CustomTest
+            activeTestCaseIndex={activeTestCaseIndex}
+            mermaidData={deferredMermaidData}
+            onChange={handleOnChange}
+          />
+        </section>
+        <GitHubCorner />
+      </div>
 
       <Testcases
         activeTestCaseIndex={activeTestCaseIndex}

diff --git a/playground/style.scss b/playground/style.scss
@@ -1,6 +1,6 @@
 body {
   font-family: sans-serif;
-
+  margin-top: 0;
   #flowchart-container,
   #unsupported {
     max-width: 48%;
@@ -49,8 +49,6 @@ button {
   #parsed-data-details {
     margin-top: 20px;
   }
-
-
 }
 
 #error {