projects/papa-kind-treff.info
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

search block
All checks were successful
Deploy / deploy (push) Successful in 44s
Details

Browse Source
This commit is contained in:
Lars Gebhardt-Kusche
2026-07-17 00:56:26 +02:00
parent a2a8d9c7ba
commit 48ab4ab922
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
partials/landing/main/home.php
View File

@@ -67,7 +67,7 @@ try {
<div class="section__intro"> <div class="section__intro">
<h2>Starte direkt mit der Suche nach passenden Treffen.</h2> <h2>Starte direkt mit der Suche nach passenden Treffen.</h2>
</div> </div>
<form id="quickSearchForm" class="grid grid-3" style="gap: 12px; align-items:flex-end;" action="/search" method="get"> <form id="quickSearchForm" class="grid grid-3 quicksearch-form" style="gap: 12px; align-items:flex-end;" action="/search" method="get">
<div class="stack gap-6"> <div class="stack gap-6">
<label class="label" for="qsQuery">Suchbegriff</label> <label class="label" for="qsQuery">Suchbegriff</label>
<input id="qsQuery" name="q" class="input" placeholder="Titel, Thema, Beschreibung"> <input id="qsQuery" name="q" class="input" placeholder="Titel, Thema, Beschreibung">
@@ -89,8 +89,8 @@ try {
<?php endforeach; ?> <?php endforeach; ?>
</select> </select>
</div> </div>
<div> <div class="quicksearch-form__actions">
<button class="btn block" type="submit" style="width:100%;">Suchen</button> <button class="btn" type="submit">Suchen</button>
</div> </div>
</form> </form>
<p class="muted small" style="margin-top:8px;">Du kannst deinen Standort verwenden oder einen Ort eingeben und den Umkreis selbst festlegen.</p> <p class="muted small" style="margin-top:8px;">Du kannst deinen Standort verwenden oder einen Ort eingeben und den Umkreis selbst festlegen.</p>

4
public/assets/css/app.css
View File

@@ -81,9 +81,9 @@ body {
.section { padding: 64px 0; } .section { padding: 64px 0; }
.section.alt { background: #ffffff; border-block: 1px solid var(--color-border); } .section.alt { background: #ffffff; border-block: 1px solid var(--color-border); }
.section__head { display:flex; justify-content:space-between; align-items:flex-start; gap: 16px; flex-wrap: wrap; } .section__head { display:flex; justify-content:space-between; align-items:flex-start; gap: 16px; flex-wrap: wrap; }
.section__intro { max-width: 72ch; margin-bottom: 22px; } .section__intro { max-width: 72ch; margin: 0 auto 22px; text-align: center; }
.section__intro { text-align: center; }
.section__intro h2 { margin: 0 0 10px; } .section__intro h2 { margin: 0 0 10px; }
.quicksearch-form__actions { grid-column: 1 / -1; display: flex; justify-content: center; }
.split { display:grid; grid-template-columns: 1.1fr 0.9fr; gap: 24px; align-items: start; } .split { display:grid; grid-template-columns: 1.1fr 0.9fr; gap: 24px; align-items: start; }
@media (max-width: 960px){ .split, .hero__grid { grid-template-columns: 1fr; } } @media (max-width: 960px){ .split, .hero__grid { grid-template-columns: 1fr; } }