3750e99e61
- Add new wallet tab with placeholder for future functionality
- Reorder bottom tabs: You, Identities, Wallet, Bookmarks, Settings
- Move Reset Extension button to bottom-right corner on login page
- Improve header layout consistency across all pages
- Add custom scrollbar styling for Chrome (thin, dark track, light thumb)
- Update edit button to use emoji icon on identity page
- Fix horizontal overflow issues in global styles
Files modified:
- package.json (version bump)
- projects/{chrome,firefox}/src/app/app.routes.ts (wallet route)
- projects/{chrome,firefox}/src/app/components/home/wallet/* (new)
- projects/{chrome,firefox}/src/app/components/home/home.component.* (tabs)
- projects/{chrome,firefox}/src/app/components/vault-login/* (reset btn)
- projects/{chrome,firefox}/src/styles.scss (scrollbar, overflow)
- Various component HTML/SCSS files (header consistency)
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
75 lines
1.8 KiB
HTML
75 lines
1.8 KiB
HTML
<app-deriving-modal #derivingModal></app-deriving-modal>
|
|
|
|
<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>
|
|
</div>
|
|
</div>
|
|
|
|
<button
|
|
class="reset-btn"
|
|
(click)="
|
|
confirm.show(
|
|
'Do you really want to reset the extension? All data will be lost.',
|
|
onClickResetExtension.bind(this)
|
|
)
|
|
"
|
|
type="button"
|
|
>
|
|
Reset Extension
|
|
</button>
|
|
|
|
<!----------->
|
|
<!-- 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>
|