fix success page for mobile (#31)

Reviewed-on: #31
This commit is contained in:
Constantin Simonis 2025-02-23 17:04:26 +00:00
parent 0000a75490
commit 288d6492aa

View File

@ -28,8 +28,8 @@ Danke
<p class="text-lg text-gray-600">Wir freuen uns, dich beim Abiball zu sehen.</p>
</div>
<div class="grid grid-cols-2 gap-5">
<div class="bg-white rounded-2xl shadow-lg p-8 border border-gray-100 col-1">
<div class="grid grid-cols-1 sm:grid-cols-2 gap-5">
<div class="bg-white rounded-2xl shadow-lg p-8 border border-gray-100">
<h2 class="text-2xl font-semibold mb-6 w-full bg-clip-text text-transparent bg-gradient-to-r from-red-500 to-orange-500">Veranstaltungsdetails</h2>
<div class="max-w-xs mx-auto">
<div class="space-y-4">
@ -53,7 +53,7 @@ Danke
</div>
</div>
<div class="bg-white rounded-2xl shadow-lg p-8 border border-gray-100 col-2">
<div class="bg-white rounded-2xl shadow-lg p-8 border border-gray-100">
<h2 class="text-2xl font-semibold mb-6 w-full bg-clip-text text-transparent bg-gradient-to-r from-red-500 to-orange-500">Ablauf</h2>
<div class="max-w-xs mx-auto">
<div class="space-y-4">
@ -77,17 +77,16 @@ Danke
</div>
</div>
<div class="mt-8 pt-6 border-t border-gray-200 text-center">
<div class="flex items-center justify-center">
<a href="{{ path('app_calendar') }}"
target="_blank"
class="inline-flex items-center px-6 py-3 bg-gray-200 hover:bg-gray-300 rounded transition-colors">
<twig:ux:icon name="heroicons:calendar" class="w-5 h-5 text-gray-600 mr-2" />
<span class="text-sm font-medium text-gray-700">Zum Kalender hinzufügen</span>
</a>
</div>
<div class="mt-8 pt-6 border-t border-gray-200 text-center">
<div class="flex items-center justify-center">
<a href="{{ path('app_calendar') }}"
target="_blank"
class="inline-flex items-center px-6 py-3 bg-gray-200 hover:bg-gray-300 rounded transition-colors">
<twig:ux:icon name="heroicons:calendar" class="w-5 h-5 text-gray-600 mr-2" />
<span class="text-sm font-medium text-gray-700">Zum Kalender hinzufügen</span>
</a>
</div>
</div>
</div>
</div>
</div>