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

33
pub/login/mfaSetup.php
View File

@@ -55,27 +55,6 @@ $_SESSION['mfasetup']['secret'] = $secret;
<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-input {
width: 40px;
height: 40px;
font-size: 24px;
text-align: center;
margin: 5px;
}
</style>
<link rel="stylesheet" href="css/style.full.css" as="style">
@@ -84,19 +63,21 @@ $_SESSION['mfasetup']['secret'] = $secret;
<div class="bg-body-tertiary min-vh-100 d-flex flex-row align-items-center">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8 col-md-8 col-12 d-flex align-items-center justify-content-center">
<div class="col-lg-10 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-6 text-white bg-transparent">
<div class="card-body text-center">
<div class="card col-md-6 text-white bg-transparent border-0">
<div class="card-body text-center py-0">
<h2>Step 1.</h2>
<small>Scan this code with your authentication app:</small><br><br>
<img class=" w-100 portal-image" alt="portal-image" src="<?php echo $tfa->getQRCodeImageAsDataUri('Sentri - ' . $_SESSION['user']['user_first_name'], $secret); ?>">
<img class="w-100" alt="portal-image" src="<?php echo $tfa->getQRCodeImageAsDataUri('Sentri - ' . $_SESSION['user']['user_first_name'], $secret); ?>">
<br>
<small class="">Or enter this code in your app:<br>
<b><?php echo $secret ?></b></small>
</div>
</div>
<div class="card col-md-6 mb-0">
</div>
<div class="col-lg-6 col-md-6 d-flex align-items-center justify-content-center">
<div class="card mb-0 border-0 py-0">
<form method="post" action="/api/v1/user/mfa/">
<input type="hidden" name="_return" value="/userprofile/">
<div class="card-body text-center">