Release v1.0.7 - Move lock button to page headers

- Move lock button from bottom navigation bar to each page header
- Add lock button styling to common SCSS with hover effect
- Remove logs and info tabs from bottom navigation
- Standardize header height to 48px across all pages
- Simplify home component by removing lock logic

Files modified:
- package.json, manifest.json (both browsers)
- home.component.html/ts (both browsers)
- identities, identity, bookmarks, logs, info, settings components
- projects/common/src/lib/styles/_common.scss

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
woikos
2025-12-21 05:15:21 +01:00
parent 7ff8e257dd
commit 2c1f3265b7
46 changed files with 360 additions and 177 deletions

View File

@@ -1,5 +1,8 @@
<div class="logs-header">
<span class="logs-title">Logs</span>
<div class="sam-text-header">
<button class="lock-btn" title="Lock" (click)="onClickLock()">
<span class="emoji">🔒</span>
</button>
<span>Logs</span>
<div class="logs-actions">
<button class="btn btn-sm btn-secondary" (click)="onRefresh()">Refresh</button>
<button class="btn btn-sm btn-secondary" (click)="onClear()">Clear</button>

View File

@@ -2,26 +2,26 @@
height: 100%;
display: flex;
flex-direction: column;
padding: var(--size);
padding-top: var(--size);
padding-bottom: var(--size);
overflow: hidden;
}
.logs-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: var(--size);
flex-shrink: 0;
}
> *:not(.sam-text-header) {
margin-left: var(--size);
margin-right: var(--size);
}
.logs-actions {
display: flex;
gap: 8px;
}
.sam-text-header {
margin-bottom: var(--size);
flex-shrink: 0;
.logs-title {
font-weight: 600;
font-size: 1.1rem;
.logs-actions {
position: absolute;
right: 0;
display: flex;
gap: 8px;
}
}
}
.logs-container {

View File

@@ -1,5 +1,6 @@
import { Component, inject, OnInit } from '@angular/core';
import { LoggerService, LogEntry } from '@common';
import { Router } from '@angular/router';
import { LoggerService, LogEntry, StorageService } from '@common';
import { DatePipe } from '@angular/common';
@Component({
@@ -10,6 +11,8 @@ import { DatePipe } from '@angular/common';
})
export class LogsComponent implements OnInit {
readonly #logger = inject(LoggerService);
readonly #storage = inject(StorageService);
readonly #router = inject(Router);
get logs(): LogEntry[] {
return this.#logger.logs;
@@ -40,4 +43,10 @@ export class LogsComponent implements OnInit {
return 'log-info';
}
}
async onClickLock() {
this.#logger.logVaultLock();
await this.#storage.lockVault();
this.#router.navigateByUrl('/vault-login');
}
}