EP/myep
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: various improvements in styles and layout

Browse Source
This commit is contained in:
Björn Fromme
2025-12-09 11:20:43 +01:00
parent 0239aee89a
commit 3527be9c29
8 changed files with 70 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files
templates/booking/create/authenticate.html.twig
+53 -51
View File
@@ -5,38 +5,33 @@
{% include '_partials/_flashes.html.twig' %}
<h1 class="text-white uppercase pb-4 mb-8 border-b border-primary-bg/40">
<h1 class="text-white uppercase pb-4 mb-4 border-b border-primary-bg/40">
Neue<br>Buchung
</h1>
<div class="text-white uppercase pb-4 lg:pb-8">
{{ travel_title }}
<br>
{{ travel_date_from | date('d.m.Y') }} - {{ travel_date_to | date('d.m.Y') }}
<br>
<div class="lg:flex lg:space-x-8 pb-8 mb-8 border-b border-primary-bg/40">
{% if cmsData.hotel.images is defined %}
<img src="{{ cmsData.hotel.images.resized.l[0].url }}"
alt="{{ cmsData.hotel.images.resized.l[0].alt }}"
class="block w-full max-w-64 h-auto mt-4">
class="block w-full max-w-64 h-auto mb-4">
{% endif %}
<div class="text-white uppercase max-w-96">
<div class="text-xl lg:text-2xl font-semibold">
{{ travel_title }}
</div>
<div class="text-lg font-semibold">
{{ travel_date_from | date('d.m.Y') }} - {{ travel_date_to | date('d.m.Y') }}
</div>
</div>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
<div class="space-y-8 max-w-screen-sm">
<div>
<a href="{{ path('app_booking_create_step_1') }}" class="button button--secondary mb-4">
<a href="{{ path('app_booking_create_step_1') }}" class="button button--primary w-full md:w-auto">
Als Gast fortfahren
</a>
<h2 class="text-base text-white">
Noch kein Account?
</h2>
<p class="text-white">
Nach Abschluss deiner Buchung wird automatisch ein Account für dich erstellt.
Du erhältst dann Zugangsdaten per E-Mail und kannst deine Buchungen jederzeit verwalten.
</p>
</div>
<div>
<h2 class="text-base text-white">
<h2 class="text-white">
Mit bestehendem Account anmelden
</h2>
@@ -44,45 +39,52 @@
{% include '_partials/_alert.html.twig' with { 'level': 'error', messages: [ error.messageKey|trans(error.messageData, 'security') ] } %}
{% endif %}
<div class="pb-4">
<form action="{{ path('app_login') }}" method="post">
<div class="mb-4">
<label for="username" class="mb-1 font-semibold text-white">
E-Mail:
</label>
<input type="email"
id="username"
name="_username"
value="{{ last_username }}"
class="form-field"
required
autocomplete="username">
</div>
<form action="{{ path('app_login') }}" method="post">
<div class="mb-4">
<label for="username" class="mb-1 font-semibold text-white">
E-Mail:
</label>
<input type="email"
id="username"
name="_username"
value="{{ last_username }}"
class="form-field"
required
autocomplete="username">
</div>
<div class="mb-4">
<label for="password" class="mb-1 font-semibold text-white">
Passwort:
</label>
<input type="password"
id="password"
name="_password"
class="form-field"
required
autocomplete="current-password">
</div>
<div class="mb-4">
<label for="password" class="mb-1 font-semibold text-white">
Passwort:
</label>
<input type="password"
id="password"
name="_password"
class="form-field"
required
autocomplete="current-password">
</div>
<button type="submit" class="button button--primary">
Anmelden und fortfahren
</button>
<input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
</form>
</div>
<button type="submit" class="button button--primary w-full md:w-auto">
Anmelden und fortfahren
</button>
<input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
</form>
<a href="{{ path('app_reset_password') }}"
class="text-sm underline text-white">
class="inline-block text-sm underline text-white mt-2">
Passwort vergessen?
</a>
</div>
<div>
<h3 class=" text-white">
Noch kein Account?
</h3>
<div class="text-white">
Nach Abschluss deiner Buchung wird automatisch ein Account für dich erstellt.
Du erhältst dann Zugangsdaten per E-Mail und kannst deine Buchungen jederzeit verwalten.
</div>
</div>
</div>