Last active
June 15, 2022 09:10
-
-
Save mdominiak/f919efb6b8f7dbd6766c322d2631c200 to your computer and use it in GitHub Desktop.
Login page using TailwindCSS
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div class="min-h-screen overflow-auto bg-black text-white"> | |
<h1 class="py-4 text-center">Sign in to ToDo</h1> | |
<div class="mx-auto max-w-md rounded border border-gray-600 bg-white bg-opacity-5 p-3"> | |
<input type="email" placeholder="Email" class="block w-full rounded border border-gray-500 bg-black p-2 outline-none focus:border-white" /> | |
<input type="password" placeholder="Password" class="mt-2 block w-full rounded border border-gray-500 bg-black p-2 outline-none focus:border-white" /> | |
<input type="submit" value="Sign in" class="mt-3 block w-full cursor-pointer rounded bg-purple-800 p-2 outline-none hover:bg-purple-700 focus:outline focus:outline-1 focus:outline-offset-0 focus:outline-white" /> | |
</div> | |
</div> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
https://play.tailwindcss.com/2yLvVfKRof