Commit 663d183a authored by Shivanthi Fernando's avatar Shivanthi Fernando

Login UI changes

parent 0ebadcf7
......@@ -33,8 +33,8 @@ class MyForm5(forms.Form):
class MyForm2(forms.Form):
UserName = forms.CharField(label='User Name')
Password = forms.CharField(label='Password', widget=forms.PasswordInput)
UserName = forms.CharField(label='User Name', widget=forms.TextInput(attrs={'class': 'input_field'}))
Password = forms.CharField(label='Password', widget=forms.PasswordInput(attrs={'class': 'input_field'}))
MODE_CHOICES2 = [
......
......@@ -20,56 +20,77 @@
</head>
<style>
body
{
background-image:url('{% static 'image/vehicle_service.jpg'%}');
background-repeat:no-repeat;
background-size:100%;
}
.login_form
{
width: 400px;
height: 400px;
background: #CFD8DC;
color: #000;
top: 50%;
left: 50%;
position: absolute;
transform: translate(-50%, -50%);
box-sizing: border-box;
border-radius: 25px;
}
.login_text
{
margin-top: 75px;
text-align: center;
margin-bottom: 30px;
font-weight: bold;
color: #02111f;
}
.logo
{
height: 150px;
width: 150px;
position: absolute;
top: -20%;
left: calc(42% - 42px);
}
.login_btn
{
margin-left: 12%;
margin-right:12%;
margin-top: 7%;
background: #02111f;
color: #fff;
width: 300px;
border-radius: 25px;
text-align: center;
}
body
{
background-image:url('{% static 'image/vehicle_service.jpg'%}');
background-repeat:no-repeat;
background-size:100%;
}
.login_form
{
width: 400px;
height: 450px;
background: #CFD8DC;
color: #000;
top: 50%;
left: 50%;
position: absolute;
transform: translate(-50%, -50%);
box-sizing: border-box;
border-radius: 25px;
}
.login_text
{
margin-top: 75px;
text-align: center;
margin-bottom: 30px;
font-weight: bold;
color: #02111f;
}
.logo
{
height: 150px;
width: 150px;
position: absolute;
top: -20%;
left: calc(42% - 42px);
}
.login_btn
{
margin-left: 12%;
margin-right:12%;
margin-top: 7%;
background: #02111f;
color: #fff;
width: 300px;
border-radius: 25px;
text-align: center;
}
.input_field
{
width: 100%;
padding: 12px 20px;
border: 1px solid #ccc;
border-radius: 10px;
}
.table th
{
padding-top: 3px;
vertical-align: initial;
border-top: 0px;
}
.table td
{
vertical-align: initial;
border-top: 0px;
}
</style>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment