pasword input and login button css patch.
This commit is contained in:
parent
1f7a8a97d1
commit
68f7e004a2
@ -20,7 +20,7 @@
|
|||||||
<form class="login-form" action="/members" method="POST">
|
<form class="login-form" action="/members" method="POST">
|
||||||
<input type="text" name="username" class="username" placeholder="Username" /><br/><br/>
|
<input type="text" name="username" class="username" placeholder="Username" /><br/><br/>
|
||||||
<input type="password" name="password" class="password" placeholder="Password" /><br/><br/>
|
<input type="password" name="password" class="password" placeholder="Password" /><br/><br/>
|
||||||
<input type="submit" name="submit" value="login" class="loggin-submit" /><br/><br/>
|
<input type="submit" name="submit" value="Login" class="loggin-submit" /><br/><br/>
|
||||||
<button class="signup-button" onclick="/signup">Sign Up</button>
|
<button class="signup-button" onclick="/signup">Sign Up</button>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
|
@ -44,7 +44,7 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.password {
|
.password {
|
||||||
position: relative;
|
position: relative;
|
||||||
display: flex;
|
display: flex;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
@ -54,3 +54,18 @@ body {
|
|||||||
padding: 15px;
|
padding: 15px;
|
||||||
font-size: 1.1rem;
|
font-size: 1.1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.loggin-submit {
|
||||||
|
position: relative;
|
||||||
|
display: flex;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
width: 90%;
|
||||||
|
border: 1px solid lightgrey;
|
||||||
|
border-radius: 5px;
|
||||||
|
padding: 15px;
|
||||||
|
font-size: 1.1rem;
|
||||||
|
background-color: blue;
|
||||||
|
color: #fff;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user