projects/abiball
projects/abiball
0
0
Fork 0
Code Pull Requests 1 Actions Packages Activity

adjust form spacing #21

Merged
jleibl merged 1 commits from style/ticket-form into main 2025-02-07 14:13:49 +00:00
Conversation 1 Commits 1 Files Changed 2 +6 -7
2 changed files with 6 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
templates/ticket/_partials/_form.html.twig
View File

@ -1,13 +1,13 @@
<div class="bg-white/80 backdrop-blur-sm rounded-2xl border border-gray-100 p-5 hover:shadow-lg transition-all duration-300 group"> <div class="bg-white/80 backdrop-blur-sm rounded-2xl border border-gray-100 p-5 hover:shadow-lg transition-all duration-300 group">
<div class="grid grid-cols-12 gap-5"> <div class="grid grid-cols-12 gap-5">
<div class="relative col-span-5"> <div class="relative col-span-3">
<div class="relative group"> <div class="relative group">
<twig:ux:icon name="mingcute:ticket-fill" class="absolute left-3.5 top-1/2 -translate-y-1/2 w-5 h-5 text-orange-400 pointer-events-none transition-colors group-hover:text-orange-500" /> <twig:ux:icon name="mingcute:ticket-fill" class="absolute left-3.5 top-1/2 -translate-y-1/2 w-5 h-5 text-orange-400 pointer-events-none transition-colors group-hover:text-orange-500" />
<select name="ticket" <select name="ticket"
required required
data-form-target="ticketType" data-form-target="ticketType"
class="w-full pl-11 pr-10 py-3.5 rounded-xl appearance-none bg-white border border-gray-200 text-gray-800 font-medium text-[15px] focus:border-orange-500 focus:ring-2 focus:ring-orange-200 transition-all hover:border-orange-300"> class="w-full pl-11 pr-10 py-3.5 rounded-xl appearance-none bg-white border border-gray-200 text-gray-800 font-medium text-[15px] focus:border-orange-500 focus:ring-2 focus:ring-orange-200 transition-all hover:border-orange-300">
<option value="" disabled selected>Bitte wählen</option> <option value="" disabled selected>Auswahl</option>
<option value="1">All-Inclusive Ticket</option> <option value="1">All-Inclusive Ticket</option>
<option value="2">After-Show Ticket</option> <option value="2">After-Show Ticket</option>
<option value="3">Kinder-Ticket (6-12 Jahre)</option> <option value="3">Kinder-Ticket (6-12 Jahre)</option>
@ -19,14 +19,14 @@
</div> </div>
</div> </div>
<div class="relative col-span-4"> <div class="relative col-span-3">
<div class="relative group"> <div class="relative group">
<twig:ux:icon name="mdi:food" class="absolute left-3.5 top-1/2 -translate-y-1/2 w-5 h-5 text-orange-400 pointer-events-none transition-colors group-hover:text-orange-500" /> <twig:ux:icon name="mdi:food" class="absolute left-3.5 top-1/2 -translate-y-1/2 w-5 h-5 text-orange-400 pointer-events-none transition-colors group-hover:text-orange-500" />
<select name="food" <select name="food"
required required
data-form-target="foodType" data-form-target="foodType"
class="w-full pl-11 pr-10 py-3.5 rounded-xl appearance-none bg-white border border-gray-200 text-gray-800 font-medium text-[15px] focus:border-orange-500 focus:ring-2 focus:ring-orange-200 transition-all hover:border-orange-300"> class="w-full pl-11 pr-10 py-3.5 rounded-xl appearance-none bg-white border border-gray-200 text-gray-800 font-medium text-[15px] focus:border-orange-500 focus:ring-2 focus:ring-orange-200 transition-all hover:border-orange-300">
<option value="" disabled selected>Bitte wählen</option> <option value="" disabled selected>Auswahl</option>
<option value="1">Mit Fleisch</option> <option value="1">Mit Fleisch</option>
<option value="2">Vegetarisch</option> <option value="2">Vegetarisch</option>
<option value="3">Vegan</option> <option value="3">Vegan</option>
@ -37,7 +37,7 @@
</div> </div>
</div> </div>
<div class="relative col-span-2"> <div class="relative col-span-5">
<div class="relative group"> <div class="relative group">
<twig:ux:icon name="mdi:note" class="absolute left-3.5 top-1/2 -translate-y-1/2 w-5 h-5 text-orange-400 pointer-events-none transition-colors group-hover:text-orange-500" /> <twig:ux:icon name="mdi:note" class="absolute left-3.5 top-1/2 -translate-y-1/2 w-5 h-5 text-orange-400 pointer-events-none transition-colors group-hover:text-orange-500" />
<input type="text" <input type="text"

3
templates/ticket/index.html.twig
View File

@ -60,11 +60,10 @@
<span>Tickets</span> <span>Tickets</span>
</h2> </h2>
<div class="grid grid-cols-4 gap-4 mb-4 px-4 text-sm font-medium text-gray-600"> <div class="ml-5 grid grid-cols-4 gap-4 mb-4 px-4 text-sm font-medium text-gray-600">
<div>Ticket</div> <div>Ticket</div>
<div>Ernährung</div> <div>Ernährung</div>
<div>Anmerkungen</div> <div>Anmerkungen</div>
<div class="text-center">Aktion</div>
</div> </div>
<div class="forms space-y-4"> <div class="forms space-y-4">