Pi-Hole/web
1
0
Fork 0
mirror of https://github.com/pi-hole/web.git synced 2025-12-20 02:38:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix 2FA icon styles #3431

Browse Source 
Signed-off-by: idotj <info@idotj.com>
This commit is contained in:
idotj
2025-08-19 16:50:44 +02:00
parent c0a237a6de
commit 21a65be5a7
3 changed files with 20 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
login.lp
View File

@@ -50,9 +50,13 @@ mg.include('scripts/lua/header.lp','r')
</span>
</div>
</div>
<div class="form-group has-feedback hidden" id="totp_input">
<input type="text" id="totp" size="6" maxlen="6" class="form-control totp_token" placeholder="123456" value="" spellcheck="false" autofocus autocomplete="off">
<span class="fa fa-clock-rotate-left pwd-field form-control-feedback"></span>
<div class="form-group hidden" id="totp_input">
<div class="input-group">
<input type="text" id="totp" size="6" maxlen="6" class="form-control totp_token" placeholder="123456" value="" spellcheck="false" autofocus autocomplete="off">
<div class="input-group-addon" data-toggle="tooltip" data-placement="auto" title="TOTP verfication code">
<i class="fa fa-clock-rotate-left form-control-feedback"></i>
</div>
</div>
</div>
<div class="form-group">
<button type="submit" class="btn btn-primary form-control"><i class="fas fa-sign-in-alt"></i>&nbsp;&nbsp;&nbsp;Log in (uses cookie)</button>

12
settings-api.lp
View File

@@ -192,11 +192,15 @@ mg.include('scripts/lua/settings_header.lp','r')
<p>2. Enter the 2FA code from your app below to confirm that you have set up 2FA correctly.</p>
<div class="row">
<div class="col-md-6 col-md-offset-3">
<div id="totp_div" class="has-feedback has-error">
<div class="pwd-field form-group">
<input type="text" size="6" maxlength="6" class="form-control totp_token" id="totp_code" placeholder="">
<div id="totp_div">
<div class="pwd-field form-group has-error">
<div class="input-group">
<input type="text" size="6" maxlength="6" class="form-control totp_token" id="totp_code" placeholder="">
<div class="input-group-addon" data-toggle="tooltip" data-placement="auto" title="TOTP verfication code">
<i class="fa fa-clock-rotate-left form-control-feedback"></i>
</div>
</div>
</div>
<i class="fa-solid fa-clock-rotate-left pwd-field form-control-feedback"></i>
</div>
</div>
</div>

6
style/pi-hole.css
View File

@@ -575,7 +575,7 @@ td.details-control {
}
.form-control-feedback {
right: 0.5em;
right: 1em;
width: 16px;
height: 100%;
}
@@ -1136,6 +1136,10 @@ table.dataTable tbody > tr > .selected {
opacity: 0.1;
}
.totp_token + .input-group-addon {
padding: 0 1.5em;
}
.save-button-container {
position: fixed;
bottom: 1.2em;