increase spacing of input elements

This commit is contained in:
Matthew Russell 2022-02-28 15:08:42 -08:00
parent 4bcafea969
commit fb1bd68aee

View File

@ -51,7 +51,7 @@ export function RestConnectorForm({
<form onSubmit={handleSubmit(onSubmit)}> <form onSubmit={handleSubmit(onSubmit)}>
<div className="mb-12"> <div className="mb-12">
<input <input
className="w-full px-8 py-2 border-black border" className="w-full px-12 py-4 border-black border"
{...register('wallet', { required: 'Required' })} {...register('wallet', { required: 'Required' })}
type="text" type="text"
placeholder="Wallet" placeholder="Wallet"
@ -64,7 +64,7 @@ export function RestConnectorForm({
</div> </div>
<div className="mb-12"> <div className="mb-12">
<input <input
className="w-full px-8 py-2 border-black border" className="w-full px-12 py-4 border-black border"
{...register('passphrase', { required: 'Required' })} {...register('passphrase', { required: 'Required' })}
type="password" type="password"
placeholder="Passphrase" placeholder="Passphrase"
@ -76,7 +76,10 @@ export function RestConnectorForm({
)} )}
</div> </div>
{error && <div className="mb-12 text-intent-danger">{error.message}</div>} {error && <div className="mb-12 text-intent-danger">{error.message}</div>}
<button type="submit" className="rounded-sm bg-pink text-white py-4 px-8"> <button
type="submit"
className="rounded-sm bg-pink text-white py-4 px-12"
>
Connect Connect
</button> </button>
</form> </form>