meteo/Sentri
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Marco
2026-05-22 23:41:57 +02:00
parent 3d6e3c376f
commit 4eba391e7f
4 changed files with 171 additions and 186 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
pub/login/index.php
View File

@@ -32,36 +32,6 @@ if ($loginAttemptCount = checkLoginAttempts() > 3) {
<link rel="apple-touch-icon" sizes="180x180" href="/src/images/favicon/apple-touch-icon.png">
<link rel="manifest" href="/src/images/favicon/site.webmanifest">
<style>
body {
font-family: Arial, sans-serif;
background-color: #1d222b;
}
.portal-image {
width: 100%;
height: auto;
aspect-ratio: 3 / 1;
object-fit: contain;
display: block;
min-height: 200px; /* Prevent layout shift during image load */
}
#code-container {
display: flex;
justify-content: center;
gap: 10px;
}
.code-input {
width: 40px;
height: 40px;
font-size: 24px;
text-align: center;
margin: 5px;
}
</style>
<link rel="stylesheet" href="css/style.full.css" as="style">
</head>
<body>
@@ -104,7 +74,7 @@ if ($loginAttemptCount = checkLoginAttempts() > 3) {
<p class="text-body-secondary">Login with your account</p>
<div class="input-group mb-3">
<span class="input-group-text"><i class="fa-solid fa-user"></i></span>
<input name="username" class="form-control" type="text" placeholder="Username">
<input name="username" class="form-control" type="text" placeholder="name@example.com">
</div>
<div class="input-group mb-4">
<span class="input-group-text"><i class="fa-solid fa-lock"></i></span>
@@ -151,7 +121,7 @@ if ($loginAttemptCount = checkLoginAttempts() > 3) {
<div class="card col-md-5 text-white bg-transparent py-5 border-0">
<div class="card-body text-center pt-3">
<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;">
<img class="pt-3 w-100 portal-image" alt="portal-image" width="500" height="265" style="height: auto;">
</div>
</div>
</div>