|
@@ -9,59 +9,38 @@ const Reg = ({ onReg, LogedIn }) => {
|
|
return (
|
|
return (
|
|
<>
|
|
<>
|
|
<div className="container">
|
|
<div className="container">
|
|
- <div
|
|
|
|
- id="loginbox"
|
|
|
|
- style={{ marginTop: "120px" }}
|
|
|
|
- className=""
|
|
|
|
- >
|
|
|
|
- <div className="" style = {{boxShadow:'0px 5px 10px 2px rgba(34, 60, 80, 0.5)'}}>
|
|
|
|
- <div className="" style = {{backgroundColor:'#ADD8E6' }}>
|
|
|
|
- <div className="" >Registration</div>
|
|
|
|
|
|
+ <div id="loginbox" style={{ marginTop: "120px", border:"1px solid black"}}>
|
|
|
|
+ <div>
|
|
|
|
+ <div style = {{backgroundColor:'pink'}}>
|
|
|
|
+ <div>Registration</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
- <div style={{ "padding-top": "30px" }} className="panel-body">
|
|
|
|
- <div
|
|
|
|
- style={{ display: "none" }}
|
|
|
|
- id=""
|
|
|
|
- className=""
|
|
|
|
- ></div>
|
|
|
|
-
|
|
|
|
- <form id="loginform" className="" role="form">
|
|
|
|
- <div style={{ "margin-bottom": "25px" }}>
|
|
|
|
- <span className="">
|
|
|
|
- <i className=""></i>
|
|
|
|
- </span>
|
|
|
|
|
|
+ <div style={{paddingTop: "30px"}} className="panel-body">
|
|
|
|
+ <form id="loginform" role="form">
|
|
|
|
+ <div style={{marginBottom: "25px"}}>
|
|
<input id="login-username" type="text" className="form-control" name="username"
|
|
<input id="login-username" type="text" className="form-control" name="username"
|
|
value={login} onChange={(e) => setLogin(e.target.value)} placeholder="Login"/>
|
|
value={login} onChange={(e) => setLogin(e.target.value)} placeholder="Login"/>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
- <div style={{ "margin-bottom": "25px" }} className="">
|
|
|
|
- <span className="">
|
|
|
|
- <i className=""></i>
|
|
|
|
- </span>
|
|
|
|
|
|
+ <div style={{marginBottom: "25px"}}>
|
|
<input id="login-password" type="password" className="form-control"
|
|
<input id="login-password" type="password" className="form-control"
|
|
name="password" placeholder="Password" value={password}
|
|
name="password" placeholder="Password" value={password}
|
|
onChange={(e) => setPassword(e.target.value)}
|
|
onChange={(e) => setPassword(e.target.value)}
|
|
/>
|
|
/>
|
|
</div>
|
|
</div>
|
|
- <div style={{ "margin-top": "10px" }} className="form-group">
|
|
|
|
|
|
+
|
|
|
|
+ <div style={{marginTop: "10px"}} className="form-group">
|
|
<div className="">
|
|
<div className="">
|
|
- <a id="btn-login" href="#" className="" onClick={() => onReg(login, password)}>
|
|
|
|
- Sign up{" "}
|
|
|
|
|
|
+ <a id="btn-login" href="#" onClick={() => onReg(login, password)}>
|
|
|
|
+ Зарегестрироваться
|
|
</a>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div className="form-group">
|
|
<div className="form-group">
|
|
<div className="">
|
|
<div className="">
|
|
- <div
|
|
|
|
- style={{
|
|
|
|
- "border-top": "1px solid#888",
|
|
|
|
- "padding-top": "15px",
|
|
|
|
- "font-size": "85%",
|
|
|
|
- }}
|
|
|
|
- >
|
|
|
|
- <a href="/login">Login Here</a>
|
|
|
|
|
|
+ <div style={{borderTop: "1px solid#888",paddingTop: "15px",fontSize: "85%",}}>
|
|
|
|
+ <a href="/login">Авторизоваться</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|