feat(ui): modern login page with base template and styled form
This commit is contained in:
		
							parent
							
								
									941a3dabc9
								
							
						
					
					
						commit
						f2d225c56a
					
				
					 1 changed files with 33 additions and 28 deletions
				
			
		|  | @ -1,29 +1,34 @@ | |||
| <!DOCTYPE html> | ||||
| <html lang="en"> | ||||
| {% extends "base.html" %} | ||||
| {% block title %}Admin Login{% endblock %} | ||||
| {% block content %} | ||||
|   <section class="auth-wrapper"> | ||||
|     <div class="card auth-card"> | ||||
|       <h1 class="page-title">Welcome back</h1> | ||||
|       <p class="page-subtitle">Sign in to manage your subscribers</p> | ||||
| 
 | ||||
| <head> | ||||
|   <meta charset="UTF-8"> | ||||
|   <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||||
|   <title>Admin Login</title> | ||||
|   <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}"> | ||||
| </head> | ||||
| 
 | ||||
| <body> | ||||
|   <h1>Admin Login</h1> | ||||
|   {% with messages = get_flashed_messages(with_categories=true) %} | ||||
|   {% if messages %} | ||||
|   {% for category, message in messages %} | ||||
|   <div class="flash">{{ message }}</div> | ||||
|   {% endfor %} | ||||
|   {% endif %} | ||||
|   {% endwith %} | ||||
|   <form action="{{ url_for('login') }}" method="POST"> | ||||
|     <label for="username">Username:</label> | ||||
|     <input type="text" name="username" required /> | ||||
|     <label for="password">Password:</label> | ||||
|     <input type="password" name="password" required /> | ||||
|     <button type="submit">Login</button> | ||||
|   </form> | ||||
| </body> | ||||
| 
 | ||||
| </html> | ||||
|       <form action="{{ url_for('login') }}" method="POST" class="form"> | ||||
|         <div class="form-group"> | ||||
|           <label for="username">Username</label> | ||||
|           <input | ||||
|             type="text" | ||||
|             name="username" | ||||
|             id="username" | ||||
|             autocomplete="username" | ||||
|             required | ||||
|           /> | ||||
|         </div> | ||||
|         <div class="form-group"> | ||||
|           <label for="password">Password</label> | ||||
|           <input | ||||
|             type="password" | ||||
|             name="password" | ||||
|             id="password" | ||||
|             autocomplete="current-password" | ||||
|             required | ||||
|           /> | ||||
|         </div> | ||||
|         <button type="submit" class="button button-primary">Login</button> | ||||
|       </form> | ||||
|     </div> | ||||
|   </section> | ||||
| {% endblock %} | ||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue
	
	 Cipher Vance
						Cipher Vance