Skip to content

Commit

Permalink
update
Browse files Browse the repository at this point in the history
  • Loading branch information
@thejayadad
thejayadad committed Jun 24, 2023
1 parent 531c74e commit 7b223d6
Showing 1 changed file with 18 additions and 18 deletions.
36 changes: 18 additions & 18 deletions blog/src/app/register/page.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -49,41 +49,41 @@ const Register = () => {
}
return (
<section className="bg-gray-100 max-w-screen-sm m-auto p-8 flex flex-col align-center justify-center rounded-md">
<h1 className="mb-4 w-full text-4xl font-light text-center text-gray-800 uppercase sm:text-5xl dark:text-white">
<h1 className="mb-4 w-full text-4xl font-light text-center text-gray-800 uppercase sm:text-5xl">
Register
</h1>

<div class="flex flex-col w-full px-4 py-8 bg-white rounded-md shadow dark:bg-gray-800 sm:px-6 md:px-8 lg:px-10">
<div class="self-center text-xl font-light text-gray-600 sm:text-2xl dark:text-white">
<div className="flex flex-col w-full px-4 py-8 bg-white rounded-md shadow sm:px-6 md:px-8 lg:px-10">
<div className="self-center text-xl font-light text-gray-600 sm:text-2xl ">
Join US!
</div>
<div class="mt-8">
<div className="mt-8">
<form onSubmit={handleSubmit}>
<div class="mb-2">
<div class="flex">
<input onChange={(e) => setEmail(e.target.value)} type="email" class=" rounded-r-lg flex-1 appearance-none border border-gray-300 w-full py-2 px-4 bg-white text-gray-700 placeholder-gray-400 shadow-sm text-base focus:outline-none focus:ring-2 focus:ring-purple-600 focus:border-transparent" placeholder="Your email"/>
<div className="mb-2">
<div className="flex">
<input onChange={(e) => setEmail(e.target.value)} type="email" className=" rounded-r-lg flex-1 appearance-none border border-gray-300 w-full py-2 px-4 bg-white text-gray-700 placeholder-gray-400 shadow-sm text-base focus:outline-none focus:ring-2 focus:ring-purple-600 focus:border-transparent" placeholder="Your email"/>
</div>
</div>
<div class="flex flex-col mb-6">
<div class="flex">
<input onChange={(e) => setUsername(e.target.value)} type="text" class=" rounded-r-lg flex-1 appearance-none border border-gray-300 w-full py-2 px-4 bg-white text-gray-700 placeholder-gray-400 shadow-sm text-base focus:outline-none focus:ring-2 focus:ring-purple-600 focus:border-transparent" placeholder="Your Username"/>
<div className="flex flex-col mb-6">
<div className="flex">
<input onChange={(e) => setUsername(e.target.value)} type="text" className=" rounded-r-lg flex-1 appearance-none border border-gray-300 w-full py-2 px-4 bg-white text-gray-700 placeholder-gray-400 shadow-sm text-base focus:outline-none focus:ring-2 focus:ring-purple-600 focus:border-transparent" placeholder="Your Username"/>
</div>
</div>
<div class="flex flex-col mb-6">
<div class="flex">
<input onChange={(e) => setPassword(e.target.value)} type="password" id="sign-in-email" class=" rounded-r-lg flex-1 appearance-none border border-gray-300 w-full py-2 px-4 bg-white text-gray-700 placeholder-gray-400 shadow-sm text-base focus:outline-none focus:ring-2 focus:ring-purple-600 focus:border-transparent" placeholder="Your password"/>
<div className="flex flex-col mb-6">
<div className="flex">
<input onChange={(e) => setPassword(e.target.value)} type="password" id="sign-in-email" className=" rounded-r-lg flex-1 appearance-none border border-gray-300 w-full py-2 px-4 bg-white text-gray-700 placeholder-gray-400 shadow-sm text-base focus:outline-none focus:ring-2 focus:ring-purple-600 focus:border-transparent" placeholder="Your password"/>
</div>
</div>
<div class="flex w-full">
<button class="py-2 px-4 bg-primary hover:bg-blue-700 focus:ring-purple-500 focus:ring-offset-purple-200 text-white w-full transition ease-in duration-200 text-center text-base font-semibold shadow-md focus:outline-none focus:ring-2 focus:ring-offset-2 rounded-lg ">
<div className="flex w-full">
<button className="py-2 px-4 bg-primary hover:bg-blue-700 focus:ring-purple-500 focus:ring-offset-purple-200 text-white w-full transition ease-in duration-200 text-center text-base font-semibold shadow-md focus:outline-none focus:ring-2 focus:ring-offset-2 rounded-lg ">
Register
</button>
</div>
</form>
</div>
<div class="flex items-center justify-center mt-6">
<a href="/login" target="_blank" class="inline-flex items-center text-xs font-thin text-center text-gray-500 hover:text-gray-700 dark:text-gray-100 dark:hover:text-white">
<span class="ml-2">
<div className="flex items-center justify-center mt-6">
<a href="/login" target="_blank" className="inline-flex items-center text-xs font-thin text-center text-gray-500 hover:text-gray-700">
<span className="ml-2">
Already have an account?
</span>
</a>
Expand Down

0 comments on commit 7b223d6

Please sign in to comment.