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

Login UI changes

parent 0ebadcf7
...@@ -33,8 +33,8 @@ class MyForm5(forms.Form): ...@@ -33,8 +33,8 @@ class MyForm5(forms.Form):
class MyForm2(forms.Form): class MyForm2(forms.Form):
UserName = forms.CharField(label='User Name') UserName = forms.CharField(label='User Name', widget=forms.TextInput(attrs={'class': 'input_field'}))
Password = forms.CharField(label='Password', widget=forms.PasswordInput) Password = forms.CharField(label='Password', widget=forms.PasswordInput(attrs={'class': 'input_field'}))
MODE_CHOICES2 = [ MODE_CHOICES2 = [
......
...@@ -20,56 +20,77 @@ ...@@ -20,56 +20,77 @@
</head> </head>
<style> <style>
body body
{ {
background-image:url('{% static 'image/vehicle_service.jpg'%}'); background-image:url('{% static 'image/vehicle_service.jpg'%}');
background-repeat:no-repeat; background-repeat:no-repeat;
background-size:100%; background-size:100%;
} }
.login_form .login_form
{ {
width: 400px; width: 400px;
height: 400px; height: 450px;
background: #CFD8DC; background: #CFD8DC;
color: #000; color: #000;
top: 50%; top: 50%;
left: 50%; left: 50%;
position: absolute; position: absolute;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
box-sizing: border-box; box-sizing: border-box;
border-radius: 25px; border-radius: 25px;
} }
.login_text .login_text
{ {
margin-top: 75px; margin-top: 75px;
text-align: center; text-align: center;
margin-bottom: 30px; margin-bottom: 30px;
font-weight: bold; font-weight: bold;
color: #02111f; color: #02111f;
} }
.logo .logo
{ {
height: 150px; height: 150px;
width: 150px; width: 150px;
position: absolute; position: absolute;
top: -20%; top: -20%;
left: calc(42% - 42px); left: calc(42% - 42px);
} }
.login_btn .login_btn
{ {
margin-left: 12%; margin-left: 12%;
margin-right:12%; margin-right:12%;
margin-top: 7%; margin-top: 7%;
background: #02111f; background: #02111f;
color: #fff; color: #fff;
width: 300px; width: 300px;
border-radius: 25px; border-radius: 25px;
text-align: center; 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> </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