Second_final_changes

This commit is contained in:
Hemant2335
2023-11-27 17:49:19 +05:30
parent f42d4d3efd
commit 4a634d8a69
4 changed files with 28 additions and 23 deletions

View File

@@ -31,20 +31,22 @@ export default function Signup() {
return (
<div className="z-30 flex h-full min-h-screen w-full items-center justify-center bg-[#1D1D1D]">
<div className=" flex flex-col items-center px-[2vh] md:w-fit md:px-0">
<div className=" flex flex-col items-center px-[5vh] md:w-fit md:px-0">
<div className=" cursor-pointer" onClick={() => navigate('/')}>
<img src={DocsGPT3} alt="Logo" className="h-[10vh]" />
</div>
<div className="mt-[2vh] flex flex-wrap items-center justify-center gap-2 font-bold ">
<h1 className="mt-0 text-[4vh] text-white">Create</h1>
<h1 className="mt-0 bg-gradient-to-r from-[#56B3CB] via-[#CD2AA0] to-[#EA635C] bg-clip-text text-[4vh] text-transparent">
<h1 className="mt-0 text-[3vh] text-white md:text-[3.5vh]">Create</h1>
<h1 className="mt-0 bg-gradient-to-r from-[#56B3CB] via-[#CD2AA0] to-[#EA635C] bg-clip-text text-[3vh] text-transparent md:text-[3.5vh]">
DocsGPT
</h1>
<h1 className="mt-0 text-[4vh] text-white">Account</h1>
<h1 className="mt-0 text-[3vh] text-white md:text-[3.5vh]">
Account
</h1>
</div>
<form
onSubmit={handleSubmit}
className="flex w-full flex-col gap-[3vh] md:w-fit"
className="flex flex-col gap-[3vh] px-[2vh] md:w-fit"
>
<input
type="email"
@@ -53,7 +55,7 @@ export default function Signup() {
onChange={(e) => {
setemail(e.target.value);
}}
className="w-full rounded-lg border-none bg-[#2B2B2B] p-4 text-sm font-medium text-white focus:outline-none md:min-w-[25vw]"
className="w-[90vw] cursor-pointer rounded-lg border-red-400 bg-[#2B2B2B] p-4 text-sm font-medium text-white hover:bg-[#383838] focus:border-2 focus:border-[#715c9d] focus:outline-none md:w-full md:min-w-[25vw]"
/>
<input
type="password"
@@ -62,9 +64,9 @@ export default function Signup() {
onChange={(e) => {
setpassword(e.target.value);
}}
className="w-full rounded-lg border-none bg-[#2B2B2B] p-4 text-sm font-medium text-white focus:outline-none md:min-w-[25vw]"
className="w-[90vw] cursor-pointer rounded-lg border-red-400 bg-[#2B2B2B] p-4 text-sm font-medium text-white hover:bg-[#383838] focus:border-2 focus:border-[#715c9d] focus:outline-none md:w-full md:min-w-[25vw]"
/>
<button className="h-[7vh] rounded-lg bg-[#7D54D1] font-medium text-white hover:bg-[#8A62DC]">
<button className="h-[7vh] rounded-lg bg-[#7D54D1] font-semibold text-white hover:bg-[#8A62DC]">
Create Account
</button>
{showalert.length > 0 && (
@@ -72,12 +74,12 @@ export default function Signup() {
)}
<div className="flex w-full justify-center text-sm">
<h2 className="flex gap-1 text-right text-[#5F5F5F]">
Already have an account ?
Already have an account?
<h2
className="text-center font-medium text-white hover:cursor-pointer hover:underline"
className="text-center font-bold text-white hover:cursor-pointer hover:underline"
onClick={() => navigate('/login')}
>
log in
Log in
</h2>
</h2>
</div>