From 24f7f0db7a05a7579b9eec7955293dd80ff91251 Mon Sep 17 00:00:00 2001 From: Benno Tielen Date: Wed, 9 Jul 2025 15:01:05 +0200 Subject: [PATCH] feature: immo --- .../pfarrei/immobilienentwicklung/page.tsx | 179 +++++++++--------- .../immobilienentwicklung/styles.module.scss | 30 ++- 2 files changed, 116 insertions(+), 93 deletions(-) diff --git a/src/app/(home)/pfarrei/immobilienentwicklung/page.tsx b/src/app/(home)/pfarrei/immobilienentwicklung/page.tsx index ce63f8e..13c8bec 100644 --- a/src/app/(home)/pfarrei/immobilienentwicklung/page.tsx +++ b/src/app/(home)/pfarrei/immobilienentwicklung/page.tsx @@ -14,7 +14,7 @@ export default function Page() { <div className={styles.container}> - <div className={styles.paddLeft}> + <div> <h3>Warum das Ganze?</h3> <p> @@ -53,7 +53,7 @@ export default function Page() { </a>) </p> </div> - <div> + <div className={styles.events}> <GroupEvents id={"967f8a7f-38bf-404e-b7b7-ac8f14601193"} /> </div> </div> @@ -215,101 +215,104 @@ export default function Page() { </div> <h4>Ergebnisse der Begleitung durch ARGE LiBaSt</h4> - <table className={styles.table}> - <thead className={styles.borderRow}> - <tr className={styles.borderRow}> - <th>Ort</th> - <th>Module</th> - <th>Ergebnisse</th> - </tr> - </thead> - <tbody> - <tr> - <td>Pfarreiübergreifend</td> - <td>Startberatungen</td> - <td> - <ul> - <li> - <a - href={'https://storage.googleapis.com/dreikoenige/documents/20250303_Pr%C3%A4sentation_Leistungsmodule.pdf'} + <div className={styles.tableDiv}> + <table className={styles.table}> + <thead className={styles.borderRow}> + <tr className={styles.borderRow}> + <th>Ort</th> + <th>Module</th> + <th>Ergebnisse</th> + </tr> + </thead> + + <tbody> + <tr> + <td>Pfarreiübergreifend</td> + <td>Startberatungen</td> + <td> + <ul> + <li> + <a + href={'https://storage.googleapis.com/dreikoenige/documents/20250303_Pr%C3%A4sentation_Leistungsmodule.pdf'} + target={'_blank'} + >Vorstellung ARGE LiBaSt</a> + </li> + <li><a + href={'https://storage.googleapis.com/dreikoenige/documents/Poster_Immo-Entwicklung_20250415-1.pdf'} target={'_blank'} - >Vorstellung ARGE LiBaSt</a> - </li> - <li><a - href={'https://storage.googleapis.com/dreikoenige/documents/Poster_Immo-Entwicklung_20250415-1.pdf'} - target={'_blank'} - >Info-Poster</a></li> - <li> - <a - href={'https://storage.googleapis.com/dreikoenige/documents/PastoraleZahlen_Hl3K.pdf'} - target={'_blank'} - >Pastorale Zahlen</a> - </li> - <li> - <a - href={'https://storage.googleapis.com/dreikoenige/media/pfarreikarte.jpg'} - target={'_blank'} - >Übersichtskarte - </a> - </li> - </ul> - </td> - </tr> + >Info-Poster</a></li> + <li> + <a + href={'https://storage.googleapis.com/dreikoenige/documents/PastoraleZahlen_Hl3K.pdf'} + target={'_blank'} + >Pastorale Zahlen</a> + </li> + <li> + <a + href={'https://storage.googleapis.com/dreikoenige/media/pfarreikarte.jpg'} + target={'_blank'} + >Übersichtskarte + </a> + </li> + </ul> + </td> + </tr> - <tr className={styles.borderRow}> - <td></td> - <td> - Portfolioanalyse - </td> - <td>Derzeit in Bearbeitung</td> - </tr> + <tr className={styles.borderRow}> + <td></td> + <td> + Portfolioanalyse + </td> + <td>Derzeit in Bearbeitung</td> + </tr> - <tr className={styles.borderRow}> - <td>St. Clara</td> - <td></td> - <td>Abgedeckt durch Portfolioanalyse, andere Module als Option</td> - </tr> + <tr className={styles.borderRow}> + <td>St. Clara</td> + <td></td> + <td>Abgedeckt durch Portfolioanalyse, andere Module als Option</td> + </tr> - <tr className={styles.borderRow}> - <td>St. Eduard</td> - <td></td> - <td>Abgedeckt durch Portfolioanalyse, andere Module als Option</td> - </tr> + <tr className={styles.borderRow}> + <td>St. Eduard</td> + <td></td> + <td>Abgedeckt durch Portfolioanalyse, andere Module als Option</td> + </tr> - <tr className={styles.borderRow}> - <td>St. Christophorus</td> - <td></td> - <td>Abgedeckt durch Portfolioanalyse, andere Module als Option</td> - </tr> + <tr className={styles.borderRow}> + <td>St. Christophorus</td> + <td></td> + <td>Abgedeckt durch Portfolioanalyse, andere Module als Option</td> + </tr> - <tr className={styles.borderRow}> - <td>St. Anna</td> - <td> - Standardortanalyse <br /> - Konkurriendes Qualifiezrungsverfahren - </td> - <td>Ergebnisse liegen noch nicht vor</td> - </tr> + <tr className={styles.borderRow}> + <td>St. Anna</td> + <td> + Standardortanalyse <br /> + Konkurriendes Qualifiezrungsverfahren + </td> + <td>Ergebnisse liegen noch nicht vor</td> + </tr> - <tr className={styles.borderRow}> - <td>St. Richard</td> - <td> - Standardortanalyse <br /> - Machbarkeitsstudie - </td> - <td>Ergebnisse liegen noch nicht vor</td> - </tr> + <tr className={styles.borderRow}> + <td>St. Richard</td> + <td> + Standardortanalyse <br /> + Machbarkeitsstudie + </td> + <td>Ergebnisse liegen noch nicht vor</td> + </tr> - <tr className={styles.borderRow}> - <td>Grundstück - Briesingstr. - </td> - <td></td> - <td>Abgedeckt durch Portfolioanalyse, andere Module als Option</td> - </tr> - </tbody> - </table> + <tr className={styles.borderRow}> + <td>Grundstück + Briesingstr. + </td> + <td></td> + <td>Abgedeckt durch Portfolioanalyse, andere Module als Option</td> + </tr> + </tbody> + </table> + </div> <h3>Fragen? Anregungen? Beteiligung?</h3> diff --git a/src/app/(home)/pfarrei/immobilienentwicklung/styles.module.scss b/src/app/(home)/pfarrei/immobilienentwicklung/styles.module.scss index 119ff1e..9e22c4f 100644 --- a/src/app/(home)/pfarrei/immobilienentwicklung/styles.module.scss +++ b/src/app/(home)/pfarrei/immobilienentwicklung/styles.module.scss @@ -16,8 +16,8 @@ border-radius: 10px; } -.paddLeft { - padding-right: 200px; +.events { + min-width: 450px; } .list { @@ -43,19 +43,23 @@ } .quote { - padding-top: 30px; - padding-bottom: 30px; + padding: 50px 0; background-color: $shade3; text-align: center; color: $base-color; font-size: 22px; - margin-bottom: 160px; + margin-bottom: 100px; } .small { font-size: 14px; } +.tableDiv { + width: 100%; + overflow: auto; +} + .table { margin-bottom: 120px; width: 100%; @@ -75,4 +79,20 @@ .borderRow { border-bottom: 1px solid; +} + +@media screen and (max-width: 576px) { + .container { + display: block; + } + + .list { + padding-right: 20px; + } + + .events { + margin-top: 40px; + min-width: inherit; + width: 100%; + } } \ No newline at end of file