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

style(contact): Add outline-orange-500 to form inputs

Browse Source 
before: ![Screenshot 2025-01-25 at 9.41.25 PM.png](/attachments/4e1838e3-d83a-4ebc-847b-da9aa361db5d)

after: ![Screenshot 2025-01-25 at 9.44.41 PM.png](/attachments/ca3f51a2-2b45-4406-855c-984ea84a7199)

Reviewed-on: http://git.simonis.lol/sites/abiball/pulls/10
Reviewed-by: Constantin Simonis <constantin@simonis.lol>
Co-authored-by: Jan Klattenhoff <jan@kjan.email>
Co-committed-by: Jan Klattenhoff <jan@kjan.email>
This commit is contained in:
We ball 2025-01-26 13:53:28 +00:00 committed by Constantin Simonis
parent 37f762036b
commit 7cdcb80475
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
templates/contact/index.html.twig
View File

@ -26,24 +26,24 @@
<div> <div>
<label for="email" class="block text-sm font-medium text-gray-700 mb-1">Email *</label> <label for="email" class="block text-sm font-medium text-gray-700 mb-1">Email *</label>
<input type="email" name="{{ field_name(form.email) }}" id="email" required <input type="email" name="{{ field_name(form.email) }}" id="email" required
class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-orange-500 focus:border-orange-500 transition-colors"> class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-orange-500 outline-orange-500 focus:border-orange-500 transition-colors">
</div> </div>
<div> <div>
<label for="phone" class="block text-sm font-medium text-gray-700 mb-1">Telefon</label> <label for="phone" class="block text-sm font-medium text-gray-700 mb-1">Telefon</label>
<input type="tel" name="{{ field_name(form.phone) }}" id="phone" <input type="tel" name="{{ field_name(form.phone) }}" id="phone"
class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-orange-500 focus:border-orange-500 transition-colors"> class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-orange-500 outline-orange-500 focus:border-orange-500 transition-colors">
</div> </div>
<div> <div>
<label for="message" class="block text-sm font-medium text-gray-700 mb-1">Message *</label> <label for="message" class="block text-sm font-medium text-gray-700 mb-1">Message *</label>
<textarea name="{{ field_name(form.message) }}" id="message" rows="4" required <textarea name="{{ field_name(form.message) }}" id="message" rows="4" required
class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-orange-500 focus:border-orange-500 transition-colors"></textarea> class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-orange-500 outline-orange-500 focus:border-orange-500 transition-colors"></textarea>
</div> </div>
<div class="text-center pt-4"> <div class="text-center pt-4">
<button type="submit" <button type="submit"
class="w-full sm:w-auto inline-block bg-gradient-to-r from-red-500 to-orange-500 hover:from-red-600 hover:to-orange-600 text-white px-8 sm:px-10 py-3 rounded-full text-base font-semibold shadow-xl hover:shadow-2xl transition-all duration-300"> class="w-full sm:w-auto inline-block bg-gradient-to-r from-red-500 to-orange-500 hover:from-red-600 outline-orange-500 hover:to-orange-600 text-white px-8 sm:px-10 py-3 rounded-full text-base font-semibold shadow-xl hover:shadow-2xl transition-all duration-300">
Nachricht senden Nachricht senden
</button> </button>
</div> </div>