From af8de610efb31827759d184607a4157db8fa3d27 Mon Sep 17 00:00:00 2001 From: Liliana Sanfilippo <liliana.sanfilippo@uni-bielefeld.de> Date: Wed, 18 Sep 2024 15:31:42 +0200 Subject: [PATCH] =?UTF-8?q?nur=20bei=20"Proof=20of=20Concept"=20ist=20ein?= =?UTF-8?q?=20blauer=20Kasten=20um=20das=20Textfeld,=20bei=20den=20anderen?= =?UTF-8?q?=20Dom=C3=A4nen=20nicht?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/contents/engineering.tsx | 46 +++++++++++++++++++++--------------- 1 file changed, 27 insertions(+), 19 deletions(-) diff --git a/src/contents/engineering.tsx b/src/contents/engineering.tsx index a8e25437..f789a326 100644 --- a/src/contents/engineering.tsx +++ b/src/contents/engineering.tsx @@ -4,6 +4,7 @@ import { LoremShort } from "../components/Loremipsum"; import { useEffect } from "react"; import { useLocation } from "react-router-dom"; import { openElement } from "../utils/openElement"; +import { H3 } from "../components/Headings"; @@ -53,9 +54,11 @@ export function Engineering() { <div className="col"> <br/> <br/> <br/> <div id="tab-our-cycle" className="enginneeringtab" style={{display: "block"}}> - <section id="Our Cycle"> - <h3>Our Cycle</h3> - <p>Hallo Prime Editing diesdas</p> + <section > + <div className="bg-lb box" > + <H3 text="Our cycle" id="Our Cycle"></H3> + <p>Hallo Prime Editing diesdas</p> + </div> <br/> <div className="row"> <div className="col"> @@ -69,9 +72,9 @@ export function Engineering() { </div> <div id="tab-proof-of-concept" className="enginneeringtab" style={{display: "none"}}> - <section id="Proof of Concept" > + <section > <div className="bg-lb box" > - <h3>Proof of Concept</h3> + <H3 id="Proof of Concept" text="Proof of Concept"></H3> <p><LoremShort></LoremShort></p> </div> <br/> @@ -87,9 +90,9 @@ export function Engineering() { </div> <div className="enginneeringtab" id="tab-pe-systems" style={{display: "none"}}> - <section id="PE Systems" > - <div className="box" > - <h3>PE Systems</h3> + <section id="PE Systems sec" > + <div className="bg-lb box" > + <H3 id="PE Systems" text="PE Systems"></H3> <p><LoremShort></LoremShort></p> </div> <br/> @@ -104,9 +107,9 @@ export function Engineering() { </section> </div> <div className="enginneeringtab" id="tab-nikase" style={{display: "none"}}> - <section id="Nikase" > - <div className="box" > - <h3>Nikase</h3> + <section id="Nikase sec" > + <div className="bg-lb box" > + <H3 id="Nikase" text="Nikase"></H3> <p><LoremShort></LoremShort></p> </div> <br/> @@ -121,9 +124,9 @@ export function Engineering() { </section> </div> <div className="enginneeringtab" id="tab-pegrna" style={{display: "none"}}> - <section id="pegRNA" > - <div className="box" > - <h3>pegRNA</h3> + <section id="pegRNA sec" > + <div className="bg-lb box" > + <H3 id="pegRNA" text="pegRNA"></H3> <p><LoremShort></LoremShort></p> </div> <br/> @@ -138,9 +141,12 @@ export function Engineering() { </section> </div> <div className="enginneeringtab" id="tab-delivery" style={{display: "none"}}> - <section id="Delivery" > + <section id="Delivery sec" > + <div className="bg-lb box" > + <H3 id="Delivery" text="Delivery"></H3> + <p><LoremShort></LoremShort></p> + </div> <div className="box" > - <h3>Delivery</h3> <p id="del1"> <h3>del1</h3> <LoremShort></LoremShort> @@ -161,9 +167,11 @@ export function Engineering() { </div> <div className="enginneeringtab" id="tab-references" style={{display: "none"}}> - <section id="References" > - <h3>References</h3> - <p><LoremShort></LoremShort></p> + <section id="References sec" > + <div className="bg-lb box" > + <H3 id="References" text="References"></H3> + <p><LoremShort></LoremShort></p> + </div> <br/> <div className="row "> <div className="col"> -- GitLab