mleku
1491ac13af
- Redesign identities list to show avatar and display name from Nostr profile - Replace star icon selection with clickable row for identity switching - Add gear icon for direct access to identity settings - Highlight selected identity with primary color border - Remove credits box from information tab - Add rebuild instruction to CLAUDE.md - Clean up unused imports in info components - Replace HTML autofocus with programmatic focus for accessibility Files modified: - CLAUDE.md - package.json - projects/chrome/src/app/components/home/identities/* - projects/chrome/src/app/components/home/info/* - projects/chrome/src/app/components/vault-login/* - projects/firefox/src/app/components/home/identities/* - projects/firefox/src/app/components/home/info/* - projects/firefox/src/app/components/vault-login/* 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
74 lines
1.8 KiB
HTML
74 lines
1.8 KiB
HTML
<div class="sam-text-header">
|
|
<span class="brand">Plebeian Signer</span>
|
|
</div>
|
|
|
|
<div class="content-login-vault">
|
|
<div class="sam-flex-column gap" style="align-items: center">
|
|
<div class="logo-frame">
|
|
<img src="logo.svg" height="120" width="120" alt="" />
|
|
</div>
|
|
|
|
<div class="sam-mt-2 input-group">
|
|
<input
|
|
#passwordInputElement
|
|
type="password"
|
|
class="form-control"
|
|
placeholder="vault password"
|
|
[(ngModel)]="loginPassword"
|
|
(keyup.enter)="loginPassword && loginVault()"
|
|
/>
|
|
<button
|
|
class="btn btn-outline-secondary"
|
|
type="button"
|
|
(click)="toggleType(passwordInputElement)"
|
|
>
|
|
<i
|
|
class="bi bi-eye"
|
|
[class.bi-eye]="passwordInputElement.type === 'password'"
|
|
[class.bi-eye-slash]="passwordInputElement.type === 'text'"
|
|
></i>
|
|
</button>
|
|
</div>
|
|
|
|
<button
|
|
[disabled]="!loginPassword"
|
|
type="button"
|
|
class="sam-mt btn btn-primary"
|
|
(click)="loginVault()"
|
|
>
|
|
<div class="sam-flex-row gap-h">
|
|
<i class="bi bi-box-arrow-in-right"></i>
|
|
<span>Sign in</span>
|
|
</div>
|
|
</button>
|
|
|
|
<button
|
|
class="sam-mt"
|
|
(click)="
|
|
confirm.show(
|
|
'Do you really want to reset the extension? All data will be lost.',
|
|
onClickResetExtension.bind(this)
|
|
)
|
|
"
|
|
type="button"
|
|
class="btn btn-link"
|
|
>
|
|
Reset Extension
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<!----------->
|
|
<!-- ALERT -->
|
|
<!----------->
|
|
@if(showInvalidPasswordAlert) {
|
|
<div style="position: absolute; bottom: 0; align-self: center">
|
|
<div class="alert alert-danger sam-flex-row gap" role="alert">
|
|
<i class="bi bi-exclamation-triangle"></i>
|
|
<span>Invalid password</span>
|
|
</div>
|
|
</div>
|
|
}
|
|
|
|
<lib-confirm #confirm> </lib-confirm>
|