From 01b788812e698a0b9ed4ed08939e93e87f9d1497 Mon Sep 17 00:00:00 2001 From: haidner1 <haidner@live.de> Date: Thu, 6 Oct 2022 09:51:12 +0200 Subject: [PATCH] =?UTF-8?q?Terminseite=20ver=C3=A4ndert,=20so=20dass=20die?= =?UTF-8?q?=20Buttons=20auch=20bei=20kleinen=20Bildschirmen=20auf=20einer?= =?UTF-8?q?=20H=C3=B6he=20sind?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/CardTermine.jsx | 6 +++--- src/pages/termine.mdx | 14 +++++++------- 2 files changed, 10 insertions(+), 10 deletions(-) diff --git a/src/components/CardTermine.jsx b/src/components/CardTermine.jsx index 7e32d23fa..c97b0fcc1 100644 --- a/src/components/CardTermine.jsx +++ b/src/components/CardTermine.jsx @@ -14,9 +14,9 @@ export default function Card({title, icon, children}) { }, [icon]) return <div className="relative flex flex-col items-center p-6 bg-white rounded shadow-xl"> - {svgData && <img className="w-16 h-16 mb-2" src={svgData}/>} - - <h4 className="text-xl font-bold leading-snug tracking-tight mb-1" style={{ textAlign: "center" }} >FIT-Connect <br/> für {title}</h4> + {svgData && <img className="w-16 h-16 mb-2" src={svgData}/>} + <br/> + <h4 className="text-xl font-bold leading-snug tracking-tight mb-1" style={{ textAlign: "center" }} >FIT-Connect <br/> für {title}</h4> {children} </div> } diff --git a/src/pages/termine.mdx b/src/pages/termine.mdx index d1227b140..b55ea1910 100644 --- a/src/pages/termine.mdx +++ b/src/pages/termine.mdx @@ -16,13 +16,13 @@ import MailToButton from '@components/MailToButton' <BannerTermine> <div style={{ width: "33%" }} > <CardTermine title="Interessierte" icon={'Send'}> - <br/> - <p className="text-gray-600 text-center" > + <br/> + <p className="text-gray-600 text-center" style={{display: 'inline-block', height: '200px'}}> Bei diesen Veranstaltungen erhalten Verantwortliche und Entwickler:innen Informationen, wie sie Onlinedienste und Fachverfahren an FIT-Connect anbinden. </p> <MailToButtonTermine label={'Anmelden'} recipient={'fit-connect@fitko.de'} subject={'Anfrage%20Teilnahme%20an%20der%20Online-Veranstaltung%20Anbindungsinteressent%3Ainnenkreis&body=Liebes%20FIT-Connect-Team%2C%0D%0A%0D%0Aber%C3%BCcksichtigen%20Sie%20mich%20bitte%20f%C3%BCr%20die%20n%C3%A4chste%20Online-Veranstaltung%20%E2%80%9EFIT-Connect%20Anbindungsinteressent%3Ainnenkreis%E2%80%9C.%0D%0A%0D%0AIch%20interessiere%20mich%20f%C3%BCr%20FIT-Connect%20und%20m%C3%B6chte%20mehr%20%C3%BCber%20die%20Anbindung%20an%20FIT-Connect%20erfahren.%0D%0A%0D%0A%0D%0A%0D%0A%0D%0A'} /> <br/> - <p className="text-gray-600 text-center"> + <p className="text-gray-600 text-center" style={{display: 'inline-block', height: '600px'}}> Diese Veranstaltung findet bei Bedarf jeden letzten Donnerstag im Monat statt. <br/> Teilnehmer sind alle Ansprechpartner für Onlinedienste oder Fachverfahren, die an einer Anbindung interessiert sind. <br/> Mit der folgenden Schaltfläche rufen Sie Ihr E-Mail-Programm auf, mit einer vorbereiteten E-Mail. Senden Sie uns diese E-Mail und wir informieren Sie regelmäßig über die nächste Informationsveranstaltung zur Anbindung von Onlinediensten und Fachverfahren. @@ -32,12 +32,12 @@ import MailToButton from '@components/MailToButton' <div style={{ width: "33%" }} > <CardTermine title={'Verantwortliche'} icon={'Support'}> <br/> - <p className="text-gray-600 text-center"> + <p className="text-gray-600 text-center" style={{display: 'inline-block', height: '200px'}}> Diese Veranstaltungen richten sich an Umsetzungsverantwortliche, die ihre Systeme gerade anbinden oder an FIT-Connect angebunden haben. </p> <MailToButtonTermine label={'Anmelden'} recipient={'fit-connect@fitko.de'} subject={'Anfrage%20Teilnahme%20an%20der%20Online-Veranstaltung%20Nutzer%3Ainnenkreis&body=Liebes%20FIT-Connect-Team%2C%0D%0A%0D%0Aber%C3%BCcksichtigen%20Sie%20mich%20bitte%20f%C3%BCr%20die%20n%C3%A4chste%20Online-Veranstaltung%20%E2%80%9EFIT-Connect%20Nutzer%3Ainnenkreis%E2%80%9C.%0D%0A%0D%0AWir%20nutzen%20FIT-Connect%20und%20haben%20bereits%20ein%20System%20an%20FIT-Connect%20angebunden%20bzw.%20sind%20gerade%20dabei%2C%20an%20FIT-Connect%20anzubinden.%0D%0A%0D%0A%0D%0A'} /> <br/> - <p className="text-gray-600 text-center"> + <p className="text-gray-600 text-center" style={{display: 'inline-block', height: '600px'}}> Bei diesen Terminen geht es um Themen wie Planung und Fortschritt bei Features und Releases, Upgrades einzelner Umgebungen, Bearbeitung angefragter Themen. Diese Informationsveranstaltung findet bei Bedarf jeden letzten Donnerstag im Monat statt. <br/> Mit der Schaltfläche oben rufen Sie Ihr E-Mail-Programm auf, mit einer vorbereiteten E-Mail. Senden Sie uns diese E-Mail und wir informieren Sie über Veranstaltungen zum Thema "FIT-Connect nutzen". <br/> @@ -48,12 +48,12 @@ import MailToButton from '@components/MailToButton' <div style={{ width: "33%" }} > <CardTermine title={'Entwickler:innen'} icon={'Bug'}> <br/> - <p className="text-gray-600 text-center"> + <p className="text-gray-600 text-center" style={{display: 'inline-block', height: '200px'}}> Diese Veranstaltungen richten sich an Entwickler:innen, die ihre Systeme gerade an FIT-Connect anbinden oder bereits angebunden haben. </p> <MailToButtonTermine label={'Anmelden'} recipient={'fit-connect@fitko.de'} subject={'Anfrage%20Teilnahme%20an%20der%20Online-Veranstaltung%20%22FIT-Connect%20Austausch%20zur%20Technik%22&body=Liebes%20FIT-Connect-Team%2C%0D%0A%0D%0Aber%C3%BCcksichtigen%20Sie%20mich%20bitte%20f%C3%BCr%20die%20n%C3%A4chste%20Online-Veranstaltung%20%E2%80%9EFIT-Connect%20Austausch%20zur%20Technik%E2%80%9C.%0D%0A%0D%0AWir%20nutzen%20bereits%20FIT-Connect%20und%20m%C3%B6chten%20uns%20aktiv%20in%20die%20Weiterentwicklung%20von%20FIT-Connect%20einbringen.%0D%0A%0D%0A%0D%0A'} /> <br/> - <p className="text-gray-600 text-center"> + <p className="text-gray-600 text-center" style={{display: 'inline-block', height: '600px'}}> Bei diesen Terminen geht es um Rückfragen und Anmerkungen, technische Feinkonzeption oder Qualitätssicherung von Spezifikationen, Updates der API und Änderungen an FIT-Connect. Diese Veranstaltung findet bei Bedarf jeden zweiten Donnerstag im Monat statt. <br/> Mit der Schaltfläche oben rufen Sie Ihr E-Mail-Programm auf, mit einer vorbereiteten E-Mail. Senden Sie uns diese E-Mail und wir informieren Sie über Veranstaltungen zum Thema "FIT-Connect im Detail". -- GitLab