fix mobile scrolling

This commit is contained in:
philipp lang 2023-01-07 16:48:33 +01:00
parent d05f28b117
commit 8171500682
2 changed files with 11 additions and 6 deletions

View File

@ -155,7 +155,7 @@
{{ form.field(_context, 'phone', 'Telefonnummer', true, 'tel') }} {{ form.field(_context, 'phone', 'Telefonnummer', true, 'tel') }}
{{ form.field(_context, 'email', 'E-Mail-Adresse', true, 'email') }} {{ form.field(_context, 'email', 'E-Mail-Adresse', true, 'email') }}
</div> </div>
{% partial __SELF__.alias ~ '::navigation' %} {% partial __SELF__.alias ~ '::navigation' first="1" %}
</div> </div>
<div class="{{gliderElClass}}"> <div class="{{gliderElClass}}">
@ -196,7 +196,7 @@
{{ form.textarea(_context, 'misc', 'Sonstige Anmerkungen', false) }} {{ form.textarea(_context, 'misc', 'Sonstige Anmerkungen', false) }}
{{ form.yesno(_context, 'foto', 'Ich akzeptiere, dass vor Ort Foto-und Videoaufnahmen von mir gemacht werden dürfen.', false) }} {{ form.yesno(_context, 'foto', 'Ich akzeptiere, dass vor Ort Foto-und Videoaufnahmen von mir gemacht werden dürfen.', false) }}
</div> </div>
{% partial __SELF__.alias ~ '::navigation' %} {% partial __SELF__.alias ~ '::navigation' last="1" %}
</div> </div>
</div> </div>
</div> </div>

View File

@ -1,9 +1,14 @@
<div class="flex mt-10 justify-evenly"> <div class="flex flex-col md:flex-row mt-10 justify-start md:justify-evenly">
<div class="bg-primary hover:bg-emerald-600 px-4 py-2 shadow text-teal-200 leading-none rounded-lg" @click.prevent="onPrevButtonClick" :class="{'invisible': meta.active === 0}"> {% if not first %}
<div class="bg-primary hover:bg-emerald-600 px-4 py-2 shadow text-teal-200 leading-none rounded-lg" @click.prevent="onPrevButtonClick">
Zurück Zurück
</div> </div>
<div class="bg-primary hover:bg-emerald-600 px-4 py-2 shadow text-teal-200 leading-none rounded-lg" @click.prevent="onNextButtonClick" x-show="meta.active != meta.slides.length-1"> {% endif %}
{% if not last %}
<div class="bg-primary hover:bg-emerald-600 px-4 py-2 shadow text-teal-200 leading-none rounded-lg" @click.prevent="onNextButtonClick">
Weiter Weiter
</div> </div>
<button type="submit" class="bg-primary hover:bg-emerald-600 px-4 py-2 shadow text-teal-200 leading-none rounded-lg" x-show="meta.active == meta.slides.length-1">{% if p %} Anmeldung aktualisieren {% else %} Anmeldung absenden {% endif %}</button> {% else %}
<button type="submit" class="bg-primary hover:bg-emerald-600 px-4 py-2 shadow text-teal-200 leading-none rounded-lg">{% if p %} Anmeldung aktualisieren {% else %} Anmeldung absenden {% endif %}</button>
{% endif %}
</div> </div>