changes to login page styling, added dark and light mode and fixed some layout.

This commit is contained in:
2026-05-22 23:41:57 +02:00
parent 3d6e3c376f
commit 4eba391e7f
4 changed files with 171 additions and 186 deletions

View File

@@ -67,7 +67,7 @@ $loginAttempts = checkLoginAttempts();
<div class="row justify-content-center">
<div class="col-lg-8 col-md-10 col-12 d-flex align-items-center justify-content-center">
<div class="card-group d-block d-md-flex row">
<div class="card col-md-7 mb-0">
<div class="card col-md-7 mb-0 border-0">
<div class="card-body p-3">
<div class="card-body justify-content-center align-items-center">
<?php if (isset($_GET['result'])) {
@@ -84,14 +84,12 @@ $loginAttempts = checkLoginAttempts();
<?php } elseif ($_GET['result'] == "blocked") { ?>
<h1 class="text-center">Blocked</h1>
<p class="text-center">Youve been temporarily blocked after multiple failed login attempts. Please try again later or contact support.</p>
<?php } ?>
<?php } else { ?>
<?php } ?><?php } else { ?>
<h1>Forgot password</h1>
<p>Enter your email and well send you a reset link.</p>
<hr>
<form method="post" action="/login/php/forgotPasswordRequest.php">
<div class="mb-3 text-reset">
<label for="email" class="form-label">Email</label>
<input type="email" class="form-control" name="user_email" id="email" placeholder="somebody@somewhere.what" required>
</div>
@@ -103,7 +101,7 @@ $loginAttempts = checkLoginAttempts();
</div>
</div>
</div>
<div class="card col-md-5 text-white bg-transparent py-5">
<div class="card col-md-5 text-white bg-transparent py-0 border-0">
<div class="card-body text-center pt-5">
<div>
<img class="pt-3 w-100 portal-image" alt="portal-image" src="/src/images/logo-login-dark.webp" width="500" height="265" style="height: auto;">