Add default border to reduce jumps
This commit is contained in:
parent
b43a7c439d
commit
7e9651001b
1 changed files with 3 additions and 3 deletions
|
@ -10,14 +10,14 @@ title: Contact
|
||||||
<input type="hidden" name="subject" value="ERCH Contact Form">
|
<input type="hidden" name="subject" value="ERCH Contact Form">
|
||||||
|
|
||||||
<label for="name" class="mt-4">Your name:</label>
|
<label for="name" class="mt-4">Your name:</label>
|
||||||
<input type="text" required id="name" name="name" class="p-2 dark:bg-gray-700 dark:text-gray-200 valid:border-2 valid:border-green-600">
|
<input type="text" required id="name" name="name" class="p-2 dark:bg-gray-700 dark:text-gray-200 border-2 valid:border-green-600">
|
||||||
<label for="email" class="mt-4">Your email:</label>
|
<label for="email" class="mt-4">Your email:</label>
|
||||||
<input type="email" required id="email" name="from" class="p-2 dark:bg-gray-700 dark:text-gray-200 valid:border-2 valid:border-green-600">
|
<input type="email" required id="email" name="from" class="p-2 dark:bg-gray-700 dark:text-gray-200 border-2 valid:border-green-600">
|
||||||
|
|
||||||
<label for="website" class="mt-4 hidden">Your website:</label>
|
<label for="website" class="mt-4 hidden">Your website:</label>
|
||||||
<input type="url" id="website" name="website" class="p-2 dark:bg-gray-700 dark:text-gray-200 hidden">
|
<input type="url" id="website" name="website" class="p-2 dark:bg-gray-700 dark:text-gray-200 hidden">
|
||||||
|
|
||||||
<label for="message" class="mt-4">Your message:</label>
|
<label for="message" class="mt-4">Your message:</label>
|
||||||
<textarea id="message" required name="message" class="h-48 p-2 dark:bg-gray-700 dark:text-gray-200 valid:border-2 valid:border-green-600"></textarea>
|
<textarea id="message" required name="message" class="h-48 p-2 dark:bg-gray-700 dark:text-gray-200 border-2 valid:border-green-600"></textarea>
|
||||||
<button class="mt-4 p-2 bg-gray-600 text-gray-200 dark:bg-gray-200 dark:text-gray-600 font-bold rounded-full">Submit</button>
|
<button class="mt-4 p-2 bg-gray-600 text-gray-200 dark:bg-gray-200 dark:text-gray-600 font-bold rounded-full">Submit</button>
|
||||||
</form>
|
</form>
|
||||||
|
|
Loading…
Reference in a new issue