Step 2 Completed

main
Pedram Keshavarzi 3 years ago
parent 6735b75474
commit 903049f43b
  1. 4
      src/App.css
  2. 12
      src/view/LoginSignUp/index.js

@ -2,3 +2,7 @@
text-align: center; text-align: center;
} }
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
}

@ -84,11 +84,13 @@ const LoginSignUp = ({ activeLogin }) => {
{/* form */} {/* form */}
<div className="flex w-2/5 border-0 border-l border-solid border flex-col items-center p-6"> <div className="flex w-2/5 border-0 border-l border-solid border flex-col items-center p-6">
<div className="h-12 w-full flex justify-end">
{ steps != 0 && { steps != 0 &&
<div className="w-12 h-12 bg-gray-200 rounded-xl" onClick={() => setSteps(steps - 1)}> <div className="w-12 h-full bg-gray-200 rounded-xl flex items-center justify-center text-gray-500 m-0 text-2xl font-light cursor-pointer" onClick={() => setSteps(steps - 1)}>
{`>`}
</div> </div>
} }
</div>
<img src={logo} className="w-1/2 m-4" /> <img src={logo} className="w-1/2 m-4" />
<div className="flex flex-col items-start justify-start leading-normal"> <div className="flex flex-col items-start justify-start leading-normal">
<h1 className="text-red26 text-lg font-bold">ورود یا ثبت نام</h1> <h1 className="text-red26 text-lg font-bold">ورود یا ثبت نام</h1>
@ -125,13 +127,13 @@ const LoginSignUp = ({ activeLogin }) => {
steps == 1 && steps == 1 &&
<> <>
<div className="Login-box-form-item w-full h-12 rounded-lg border border-color7 mt-8 relative flex items-center flex-row-reverse"> <div className="Login-box-form-item w-full h-12 rounded-lg border border-color7 mt-6 relative flex items-center flex-row-reverse">
<div className="Login-box-form-item-line w-20 h-px absolute top-[-1px] right-7 bg-color7"></div> <div className="Login-box-form-item-line w-20 h-px absolute top-[-1px] right-7 bg-color7"></div>
<div className="Login-box-form-item-label text-sm text-color19 absolute right-6 transition-all duration-300 pointer-events-none"> <div className="Login-box-form-item-label text-sm text-color19 absolute right-6 transition-all duration-300 pointer-events-none">
شماره تلفن شماره تلفن
</div> </div>
<input <input
type="text" type="number"
name="Login-box-form-item-input-name" name="Login-box-form-item-input-name"
id="Login-box-form-item-input-name" id="Login-box-form-item-input-name"
className="Login-box-form-item-input w-full h-full bg-transparent px-4 outline-0 rounded text-red52" className="Login-box-form-item-input w-full h-full bg-transparent px-4 outline-0 rounded text-red52"
@ -143,7 +145,7 @@ const LoginSignUp = ({ activeLogin }) => {
<Link <Link
to="" to=""
className="Login-box-form-btn w-full h-12 rounded-lg bg-red52 text-white flex items-center justify-center mt-6" className="Login-box-form-btn w-full h-12 rounded-lg bg-red52 text-white flex items-center justify-center mt-4"
onClick={() => { onClick={() => {
setSteps(2); setSteps(2);

Loading…
Cancel
Save