Artteiv commited on
Commit
ac138d7
1 Parent(s): a165d25

edit login register ui

Browse files
db.sqlite3 CHANGED
Binary files a/db.sqlite3 and b/db.sqlite3 differ
 
users/templates/users/login.html CHANGED
@@ -6,8 +6,11 @@
6
  <title>User Login</title>
7
  <style>
8
  /* CSS Styles for the form */
 
 
 
9
  body {
10
- background-color: #f2f2f2; /* Set the background color to light grey */
11
  font-family: Arial, sans-serif; /* Use a common font */
12
  display: flex;
13
  justify-content: center;
@@ -16,7 +19,7 @@
16
  margin: 0;
17
  }
18
  .form-container {
19
- background-color: #fff; /* White background for the form */
20
  padding: 40px;
21
  border-radius: 10px;
22
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); /* Add shadow for depth */
@@ -36,10 +39,10 @@
36
  border-color: #4CAF50; /* Green border on focus */
37
  }
38
  .form-submit {
39
- background-color: #4CAF50; /* Green button */
40
  border: none;
41
  color: white;
42
- padding: 15px 32px;
43
  text-align: center;
44
  text-decoration: none;
45
  display: inline-block;
@@ -55,18 +58,23 @@
55
  text-align: center;
56
  color: #333; /* Dark grey for the heading */
57
  }
 
58
  </style>
59
  </head>
60
  <body>
61
  <div class="form-container">
62
- <h1>User Login</h1>
63
- <form class="form-with-validation" action="{% url 'users:login' %}" method="post">
64
  {% csrf_token %}
65
  {{ form }}
66
  {% if request.GET.next %}
67
  <input type="hidden" name="next" value="{{ request.GET.next }}" />
68
  {% endif %}
69
- <button class="form-submit">Submit</button>
 
 
 
 
70
  </form>
71
  </div>
72
  </body>
 
6
  <title>User Login</title>
7
  <style>
8
  /* CSS Styles for the form */
9
+ .ne{
10
+ color: white;
11
+ }
12
  body {
13
+ background-color: #2E2E2E; /* White background for the form */
14
  font-family: Arial, sans-serif; /* Use a common font */
15
  display: flex;
16
  justify-content: center;
 
19
  margin: 0;
20
  }
21
  .form-container {
22
+ background-color: #3A3A3A; /* Set the background color to light grey */
23
  padding: 40px;
24
  border-radius: 10px;
25
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); /* Add shadow for depth */
 
39
  border-color: #4CAF50; /* Green border on focus */
40
  }
41
  .form-submit {
42
+ background-color: #25732a; /* Green button */
43
  border: none;
44
  color: white;
45
+ padding: 15px 120px;
46
  text-align: center;
47
  text-decoration: none;
48
  display: inline-block;
 
58
  text-align: center;
59
  color: #333; /* Dark grey for the heading */
60
  }
61
+
62
  </style>
63
  </head>
64
  <body>
65
  <div class="form-container">
66
+ <h1 class = "ne">User Login</h1>
67
+ <form class="form-with-validation ne" action="{% url 'users:login' %}" method="post">
68
  {% csrf_token %}
69
  {{ form }}
70
  {% if request.GET.next %}
71
  <input type="hidden" name="next" value="{{ request.GET.next }}" />
72
  {% endif %}
73
+ <br>
74
+ <div class="text-align:center:">
75
+
76
+ <button class="form-submit center">Submit</button>
77
+ </div>
78
  </form>
79
  </div>
80
  </body>
users/templates/users/register.html CHANGED
@@ -5,7 +5,7 @@
5
  <style>
6
  body {
7
  font-family: Arial, sans-serif;
8
- background-color: #f9f9f9;
9
  margin: 0;
10
  padding: 0;
11
  display: flex;
@@ -13,9 +13,11 @@
13
  align-items: center;
14
  height: 100vh;
15
  }
16
-
 
 
17
  .form-container {
18
- background-color: #fff;
19
  border-radius: 10px;
20
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
21
  padding: 40px;
@@ -24,6 +26,7 @@
24
 
25
  .form-group {
26
  margin-bottom: 20px;
 
27
  }
28
 
29
  .form-group label {
@@ -42,7 +45,7 @@
42
  }
43
 
44
  .form-submit {
45
- background-color: #4CAF50;
46
  border: none;
47
  color: #fff;
48
  padding: 15px 20px;
@@ -67,7 +70,7 @@
67
  </style>
68
 
69
  <div class="form-container">
70
- <h1>Register a New User</h1>
71
  <form class="form-with-validation" action="{% url 'users:register' %}" method="post">
72
  {% csrf_token %}
73
  <div class="form-group">
 
5
  <style>
6
  body {
7
  font-family: Arial, sans-serif;
8
+ background-color: #2E2E2E;
9
  margin: 0;
10
  padding: 0;
11
  display: flex;
 
13
  align-items: center;
14
  height: 100vh;
15
  }
16
+ .ne{
17
+ color: white;
18
+ }
19
  .form-container {
20
+ background-color: #3A3A3A;
21
  border-radius: 10px;
22
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
23
  padding: 40px;
 
26
 
27
  .form-group {
28
  margin-bottom: 20px;
29
+ color: white;
30
  }
31
 
32
  .form-group label {
 
45
  }
46
 
47
  .form-submit {
48
+ background-color: #25732a;
49
  border: none;
50
  color: #fff;
51
  padding: 15px 20px;
 
70
  </style>
71
 
72
  <div class="form-container">
73
+ <h1 class="ne">Register a New User</h1>
74
  <form class="form-with-validation" action="{% url 'users:register' %}" method="post">
75
  {% csrf_token %}
76
  <div class="form-group">