commit ed099e0ed809fdd63fe560ee770ff375ac6dee84 parent 7f2ed9e5e7519afdf27834a688df0ec8362f97a1 Author: William Lindholm <william_lindholm@outlook.com> Date: Wed, 1 Nov 2023 00:36:41 +0100 Updated styling of login page. Diffstat:
| M | templates/login.html | | | 33 | +++++++++++++++++++-------------- |
1 file changed, 19 insertions(+), 14 deletions(-)
diff --git a/templates/login.html b/templates/login.html @@ -8,21 +8,26 @@ </head> <body> -<div class="container"> - <div class="row justify-content-center"> - <div class="col-md-4"> - <h1 class="mt-5">Login</h1> - <form method="post" class="mt-3"> - <div class="form-group"> - <label for="username">Username:</label> - <input type="text" class="form-control" id="username" name="username" required> +<div class='container' style="margin-top:10%;"> + <div class='row justify-content-center align-items-center'> + <div class='col-md-4'> + <div class='card'> + <div class='card-body'> + <form method='post'> + <div class='form-group'> + <label for='UserName'>Username</label> + <input type='text' class='form-control' id='UserName' name='username' placeholder='UserName' required> + </div> + <div class='form-group'> + <label for='Password'>Password</label> + <input type='password' class='form-control' id='Password' name='password' placeholder='Password' required> + </div> + <button type='submit' class='btn btn-primary'>Login</button> + </form> + <!-- If there is an error message, it will be displayed here --> + <!-- <div class='alert alert-danger mt-3' role='alert'>Error message here</div> --> </div> - <div class="form-group"> - <label for="password">Password:</label> - <input type="password" class="form-control" id="password" name="password" required> - </div> - <button type="submit" class="btn btn-primary">Submit</button> - </form> + </div> </div> </div> </div>