add server name input

This commit is contained in:
Jordan Blasenhauer 2023-11-17 16:33:20 +01:00
parent b4d790aad5
commit 76c848ed4c

View file

@ -132,7 +132,7 @@
/>
</div>
<!-- end password inpt-->
<!-- password inpt-->
<!-- hostname-->
<div class="flex flex-col relative col-span-12 my-3">
<h5
class="text-lg my-1 transition duration-300 ease-in-out dark:opacity-90 text-md font-bold m-0 dark:text-gray-300"
@ -150,14 +150,33 @@
required
/>
</div>
<!-- end password inpt-->
<!-- end hostname-->
<!-- server name-->
<div class="flex flex-col relative col-span-12 my-3">
<h5
class="text-lg my-1 transition duration-300 ease-in-out dark:opacity-90 text-md font-bold m-0 dark:text-gray-300"
>
Server name
</h5>
<label class="sr-only" for="server_names">server name</label>
<input
type="text"
id="server_names"
name="server_names"
class="col-span-12 dark:border-slate-600 dark:bg-slate-700 dark:text-gray-300 disabled:opacity-75 focus:valid:border-green-500 focus:invalid:border-red-500 outline-none focus:border-primary text-sm leading-5.6 ease block w-full appearance-none rounded-lg border border-solid border-gray-300 bg-white bg-clip-padding px-4 py-2 font-normal text-gray-700 transition-all placeholder:text-gray-500"
placeholder="app1.example.com"
minlength="1"
required
/>
</div>
<!-- end server name-->
<div class="flex justify-center">
<button
type="submit"
id="setup"
name="setup"
value="setup"
class="tracking-wide my-4 dark:brightness-90 inline-block px-6 py-3 font-bold text-center text-white uppercase align-middle transition-all rounded-lg cursor-pointer bg-primary hover:bg-primary/80 focus:bg-primary/80 leading-normal text-sm ease-in tracking-tight-rem shadow-xs bg-150 bg-x-25 hover:-translate-y-px active:opacity-85 hover:shadow-md"
class="tracking-wide my-4 dark:brightness-90 inline-block px-6 py-3 font-bold text-center text-white uppercase align-middle transition-all rounded-lg cursor-pointer bg-primary hover:bg-primary/80 focus:bg-primary/80 leading-normal text-sm ease-in shadow-xs bg-150 bg-x-25 hover:-translate-y-px active:opacity-85 hover:shadow-md"
>
Setup
</button>