Skip to content

Commit f93319d

Browse files
JSKittyclaude
andcommitted
fix: password encryption field styling to match nsec/seed login field
The password entry field on the encryption login screen was missing the chat-input-container wrapper, causing it to look unstyled. Added the same HTML structure as the nsec/seed field with CSS overrides to prevent the header from hiding behind the input (position: relative instead of absolute, zero auto margins). Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
1 parent dbb18ab commit f93319d

2 files changed

Lines changed: 19 additions & 4 deletions

File tree

src/index.html

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1318,10 +1318,12 @@ <h3 id="login-encrypt-title" class="login-encrypt-title">Choose an Encryption Pi
13181318
<!-- Password input (text) -->
13191319
<div id="login-encrypt-password" class="login-encrypt-password" style="display: none;">
13201320
<div class="row input-box login-input-container">
1321-
<input type="password" id="login-password-input" class="login-input" placeholder="Enter your password" autocomplete="off">
1322-
<svg id="login-password-btn" class="btn login-btn" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
1323-
<path d="M15 3H16.2C17.8802 3 18.7202 3 19.362 3.32698C19.9265 3.6146 20.3854 4.07354 20.673 4.63803C21 5.27976 21 6.11985 21 7.8V16.2C21 17.8802 21 18.7202 20.673 19.362C20.3854 19.9265 19.9265 20.3854 19.362 20.673C18.7202 21 17.8802 21 16.2 21H15M10 7L15 12M15 12L10 17M15 12L3 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1324-
</svg>
1321+
<div class="row chat-input-container">
1322+
<input type="password" id="login-password-input" class="login-input" placeholder="Enter your password" autocomplete="off">
1323+
<svg id="login-password-btn" class="btn login-btn" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
1324+
<path d="M15 3H16.2C17.8802 3 18.7202 3 19.362 3.32698C19.9265 3.6146 20.3854 4.07354 20.673 4.63803C21 5.27976 21 6.11985 21 7.8V16.2C21 17.8802 21 18.7202 20.673 19.362C20.3854 19.9265 19.9265 20.3854 19.362 20.673C18.7202 21 17.8802 21 16.2 21H15M10 7L15 12M15 12L10 17M15 12L3 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1325+
</svg>
1326+
</div>
13251327
</div>
13261328
</div>
13271329
</div>

src/styles.css

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4717,6 +4717,19 @@ select:disabled:hover {
47174717
bottom: 0px;
47184718
}
47194719

4720+
.login-encrypt-password {
4721+
width: 100%;
4722+
}
4723+
4724+
.login-encrypt-password .login-input-container {
4725+
position: relative;
4726+
}
4727+
4728+
.login-encrypt-password .chat-input-container {
4729+
margin-top: 0;
4730+
margin-bottom: 0;
4731+
}
4732+
47204733
.login-encrypt-header {
47214734
display: inline-flex;
47224735
}

0 commit comments

Comments
 (0)