From 425da29d6e2015709afb28d7c4c5a53729d4bd6f Mon Sep 17 00:00:00 2001
From: Max Luca Beckmann <mbeckmann@techfak.de>
Date: Sat, 28 Sep 2024 13:35:20 +0200
Subject: [PATCH] Notebook layout
---
src/contents/notebook.tsx | 27 +++++++++++++++------------
1 file changed, 15 insertions(+), 12 deletions(-)
diff --git a/src/contents/notebook.tsx b/src/contents/notebook.tsx
index 78111950..5c7f6371 100644
--- a/src/contents/notebook.tsx
+++ b/src/contents/notebook.tsx
@@ -1,22 +1,25 @@
-import H1 from "../components/Headings";
+import H4 from "../components/Headings";
import { useTabNavigation } from "../utils/TabNavigation";
export function Notebook() {
useTabNavigation();
return (
- <>
- <div className="row mt-4">
- <div className="col-lg-8">
- <strong>
- <H1 text="Ich bin ein Header!"/>
- </strong>
- <i>
- <p> Ich bin ein Paragraph. </p>
- </i>
+ <div>
+ <H4 text="Lab journals"/>
+ <div className="row align-items-center">
+ <div className="col">
+ <figure>
+ <img src="https://static.igem.wiki/teams/5247/photos/for-wiki-texts/meth-patch-clamp/bild-meth-patch-clamp.png" alt="Text test"/>
+ <figcaption><b>Figure 1.</b> Text test</figcaption>
+ </figure>
+ <figure>
+ <img src="https://static.igem.wiki/teams/5247/photos/for-wiki-texts/meth-patch-clamp/bild-meth-patch-clamp.png" alt="Text2"/>
+ <figcaption><b>Figure 2.</b> Text2</figcaption>
+ </figure>
</div>
-
</div>
- </>
+ </div>
+
);
}
--
GitLab