You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

27 lines
1.2 KiB
HTML

<div class="bg-white shadow-sm sm:rounded-lg">
<div class="px-4 py-5 sm:p-6">
<h3 class="text-base font-semibold text-gray-900">Update your email</h3>
<div class="mt-2 max-w-xl text-sm text-gray-500">
<p>Change the email address you want associated with your account.</p>
</div>
<form class="mt-5 sm:flex sm:items-center">
<div class="w-full sm:max-w-xs">
<input
id="email"
type="email"
name="email"
placeholder="you@example.com"
aria-label="Email"
class="block w-full rounded-md bg-white px-3 py-1.5 text-base text-gray-900 outline-1 -outline-offset-1 outline-gray-300 placeholder:text-gray-400 focus:outline-2 focus:-outline-offset-2 focus:outline-indigo-600 sm:text-sm/6"
/>
</div>
<button
type="submit"
class="mt-3 inline-flex w-full items-center justify-center rounded-md bg-indigo-600 px-3 py-2 text-sm font-semibold text-white shadow-xs hover:bg-indigo-500 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600 sm:mt-0 sm:ml-3 sm:w-auto"
>
Save
</button>
</form>
</div>
</div>