fix: enhance layout consistency in DiskSettings.page

- Updated password input fields to use flex containers for improved alignment with the show passphrase checkbox.
- This change continues the effort to enhance visual consistency across the plugin.
This commit is contained in:
Zack Spear
2025-05-22 13:15:31 -07:00
parent 10bf8de500
commit 76cfb4beb0

View File

@@ -291,9 +291,14 @@ _(Existing encryption key)_:
<?if (!$keyfile):?>
<div markdown="1" id="oldtext">
_(Enter existing passphrase)_:
: <input type="password" name="oldtext" class="lock" maxlength="512" value="" autocomplete="off" spellcheck="false"><input name="showPass" type="checkbox" class="lock" onchange="showInput(this.checked,true)">_(show passphrase)_
: <div class="flex flex-row items-center gap-2">
<input type="password" name="oldtext" class="lock" maxlength="512" value="" autocomplete="off" spellcheck="false">
<label for="showPass">
<input name="showPass" type="checkbox" class="lock" onchange="showInput(this.checked,true)">
_(show passphrase)_
</label>
</div>
</div>
<div markdown="1" id="oldfile" style="display:none">
_(Select existing keyfile)_:
: <input type="file" name="oldfile" class="lock" onchange="getFileContent(event,this.form,'olddata')">
@@ -309,7 +314,13 @@ _(Change encryption key)_:
<div markdown="1" id="newtext">
_(Type new passphrase)_:
: <input type="password" name="newtext" class="lock" maxlength="512" value="" autocomplete="off" spellcheck="false" onkeyup="checkInput(this.form)" placeholder="_(use printable characters only)_"><input name="showPass" type="checkbox" class="lock" onchange="showInput(this.checked,false)">_(show passphrase)_
: <div class="flex flex-row items-center gap-2">
<input type="password" name="newtext" class="lock" maxlength="512" value="" autocomplete="off" spellcheck="false" onkeyup="checkInput(this.form)" placeholder="_(use printable characters only)_">
<label for="showPass">
<input name="showPass" type="checkbox" class="lock" onchange="showInput(this.checked,false)">
_(show passphrase)_
</label>
</div>
_(Retype new passphrase)_:
: <input type="password" name="newcopy" class="lock" maxlength="512" value="" autocomplete="off" spellcheck="false" onkeyup="checkInput(this.form)">