diff --git a/src/App/App.css b/src/App/App.css index 6097ba798f0d28ddb073182783b47b0e91dec177..7910eb8839e323c2156b6cc56500286c40f5b1d8 100644 --- a/src/App/App.css +++ b/src/App/App.css @@ -1123,12 +1123,13 @@ svg{ max-width: 1100px !important; } .one-pdf-line{ /* @media fertig */ - height: 1450px !important; + max-height: 650px !important; + height: 100vh !important; + max-width: 40% !important; } .two-pdf-line{ /* @media fertig */ - max-height: 650px !important; - height: 35vh !important; - max-width: 50%; + min-height: 650px !important; + height: 100vh !important; } /* SHAPES */ @@ -4141,4 +4142,11 @@ figure img{ .timelinetab{ border-radius: 20px; padding: 20px; +} + + +.iframe-container { + display: flex; + justify-content: center; + align-items: center; } \ No newline at end of file diff --git a/src/components/Pdfs.tsx b/src/components/Pdfs.tsx index c324859aa9e25635e1371720898c091bec8eaf66..f6340892926d88d50004e0f0239ff88a82b64c89 100644 --- a/src/components/Pdfs.tsx +++ b/src/components/Pdfs.tsx @@ -3,13 +3,20 @@ import { ButtonOne, DownloadLink } from "./Buttons" export function PDF({link, name}: {link: string, name:string}){ return( - <div className='row align-items-center'> - <iframe src={link} width="100%" title="title" className='one-pdf-line small-i'> - </iframe> - <div className='row download-col'> - <DownloadLink url={link} fileName={name} ></DownloadLink> - </div> - </div> + + <div className="col"> + <div className='align-items-center'> + <div className="iframe-container"> + <iframe src={link} title="title" className='one-pdf-line small-i'> + </iframe> + </div> + </div> + <div className='row download-col'> + <DownloadLink url={link} fileName={name} ></DownloadLink> + </div> + </div> + + ) } export function TwoLinePDF({link, name}: {link: string, name:string}){ diff --git a/src/contents/Contribution/contribution.tsx b/src/contents/Contribution/contribution.tsx index f7b7913377be08bb7e4b28a9f37dd55e8c762c45..21f1a0d3bae3be27933195ba5ef1b23260115df9 100644 --- a/src/contents/Contribution/contribution.tsx +++ b/src/contents/Contribution/contribution.tsx @@ -1,6 +1,7 @@ import { useTabNavigation } from "../../utils/TabNavigation"; import { MeetUP } from "./BFH/bfh"; import { CollabContribution } from "./collabs"; +import { PatientContribution } from "./patient-contribution"; import { SafetyContribution } from "./safety-contribution"; import { Wiki } from "./Wiki/wiki"; @@ -11,6 +12,7 @@ export function Contribution() { <MeetUP/> <SafetyContribution/> <CollabContribution/> + <PatientContribution/> <Wiki/> </> ); diff --git a/src/contents/Contribution/patient-contribution.tsx b/src/contents/Contribution/patient-contribution.tsx new file mode 100644 index 0000000000000000000000000000000000000000..d323bf8da27d7ef3e4210c8cdc1cea01835dda5c --- /dev/null +++ b/src/contents/Contribution/patient-contribution.tsx @@ -0,0 +1,26 @@ + +import { TwoLinePDF } from "../../components/Pdfs"; +import { Section } from "../../components/sections"; + + +export function PatientContribution(){ + + return( + <> + <Section title="Patient Matters" id="Patient Matters" > + <div className='row align-items-center'> + <div className='col '> + <TwoLinePDF link="https://static.igem.wiki/teams/5247/pdfs/patienteneinwilligung-mustervorlage-igem.pdf" name="patienteneinwilligung-mustervorlage-igem.pdf"/> + </div> + <div className='seperator-2 col-2'> + </div> + <div className='col '> + <TwoLinePDF link="https://static.igem.wiki/teams/5247/pdfs/augearbeitetes-hygienekonzept.pdf" name="augearbeitetes-hygienekonzept.pdf"/> + </div> + </div> + </Section> + + </> + + ) +} \ No newline at end of file diff --git a/src/contents/Contribution/safety-contribution.tsx b/src/contents/Contribution/safety-contribution.tsx index 8b9fd7115db47413986c438aa79c97aa3b494e25..89df789443e578b6b6d78daded9672d590c20e62 100644 --- a/src/contents/Contribution/safety-contribution.tsx +++ b/src/contents/Contribution/safety-contribution.tsx @@ -9,9 +9,6 @@ export function SafetyContribution(){ <Section title="Patient Consent Form" id="Patient Consent Form" > <PDF link="https://static.igem.wiki/teams/5247/pdfs/patienteneinwilligung-mustervorlage-igem.pdf" name="patienteneinwilligung-mustervorlage-igem.pdf"/> </Section> - <Section title="Primary Culture Safety Guidelines" id="Safety Guidelines"> - <PDF link="https://static.igem.wiki/teams/5247/pdfs/primary-culture-guideline.pdf" name="primary-culture-guideline.pdf"/> - </Section> </> )