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

style(contact): Add outline-orange-500 to form inputs
Some checks failed
build / build (pull_request) Failing after 25s
Details

Browse Source
This commit is contained in:
Klan Jattenhoff
2025-01-25 21:44:51 +01:00
parent 37f762036b
commit c1410b9a6d
1 changed files with 4 additions and 4 deletions
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>