586e2ab23f
- Add Dev Mode toggle to settings that persists in vault metadata - Add test permission prompt button (✨) to all page headers when dev mode enabled - Move devMode and onTestPrompt to NavComponent base class for inheritance - Refactor all home components to extend NavComponent - Simplify permission prompt layout: remove duplicate domain from header - Convert permission descriptions to flowing single paragraphs - Update header-buttons styling for consistent lock/magic button layout Files modified: - projects/common/src/lib/common/nav-component.ts (devMode, onTestPrompt) - projects/common/src/lib/services/storage/types.ts (devMode property) - projects/common/src/lib/services/storage/signer-meta-handler.ts (setDevMode) - projects/common/src/lib/styles/_common.scss (header-buttons styling) - projects/*/src/app/components/home/*/settings.component.* (dev mode UI) - projects/*/src/app/components/home/*/*.component.* (extend NavComponent) - projects/*/public/prompt.html (simplified layout) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
61 lines
889 B
SCSS
61 lines
889 B
SCSS
:host {
|
|
height: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
row-gap: var(--size);
|
|
overflow-y: auto;
|
|
|
|
> *:not(.sam-text-header) {
|
|
margin-left: var(--size);
|
|
margin-right: var(--size);
|
|
}
|
|
|
|
.file-input {
|
|
position: absolute;
|
|
visibility: hidden;
|
|
}
|
|
}
|
|
|
|
.vault-buttons {
|
|
display: flex;
|
|
gap: var(--size);
|
|
|
|
button {
|
|
flex: 1;
|
|
}
|
|
}
|
|
|
|
.dev-mode-row {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: var(--size);
|
|
|
|
.toggle-label {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: var(--size-h);
|
|
cursor: pointer;
|
|
font-size: 0.9rem;
|
|
|
|
input[type="checkbox"] {
|
|
width: 16px;
|
|
height: 16px;
|
|
cursor: pointer;
|
|
}
|
|
}
|
|
}
|
|
|
|
.sync-info {
|
|
.sync-label {
|
|
display: block;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.sync-note {
|
|
margin: var(--size-h) 0 0 0;
|
|
font-size: 0.85rem;
|
|
color: var(--muted-foreground);
|
|
line-height: 1.4;
|
|
}
|
|
}
|