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;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
}

@ -84,11 +84,13 @@ const LoginSignUp = ({ activeLogin }) => {
{/* form */}
<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 &&
<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>
<img src={logo} className="w-1/2 m-4" />
<div className="flex flex-col items-start justify-start leading-normal">
<h1 className="text-red26 text-lg font-bold">ورود یا ثبت نام</h1>
@ -125,13 +127,13 @@ const LoginSignUp = ({ activeLogin }) => {
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-label text-sm text-color19 absolute right-6 transition-all duration-300 pointer-events-none">
شماره تلفن
</div>
<input
type="text"
type="number"
name="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"
@ -143,7 +145,7 @@ const LoginSignUp = ({ activeLogin }) => {
<Link
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={() => {
setSteps(2);

Loading…
Cancel
Save