mleku
45b1fb58e9
- Comprehensive logging system with chrome.storage.session persistence - NIP-07 action logging in background scripts with standalone functions - Vault operation logging (unlock, lock, create, reset, import, export) - Profile and bookmark operation logging - Logs page with refresh functionality and category icons - Lock button (🔒) in navigation bar to quickly lock vault - Reduced nav bar size (40px height, 16px font) with emoji icons - Reordered navigation: You, Permissions, Bookmarks, Logs, About, Lock - Bookmarks functionality for saving frequently used Nostr apps - Fixed lock/unlock flow by properly clearing in-memory session data 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
89 lines
1.3 KiB
SCSS
89 lines
1.3 KiB
SCSS
:host {
|
|
height: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding: var(--size);
|
|
overflow: hidden;
|
|
}
|
|
|
|
.logs-header {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
margin-bottom: var(--size);
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.logs-actions {
|
|
display: flex;
|
|
gap: 8px;
|
|
}
|
|
|
|
.logs-title {
|
|
font-weight: 600;
|
|
font-size: 1.1rem;
|
|
}
|
|
|
|
.logs-container {
|
|
flex: 1;
|
|
overflow-y: auto;
|
|
background: var(--background-light);
|
|
border-radius: 8px;
|
|
padding: var(--size-h);
|
|
}
|
|
|
|
.logs-empty {
|
|
color: var(--muted-foreground);
|
|
text-align: center;
|
|
padding: var(--size);
|
|
}
|
|
|
|
.log-entry {
|
|
font-family: var(--font-sans);
|
|
font-size: 11px;
|
|
padding: 6px 8px;
|
|
border-radius: 4px;
|
|
margin-bottom: 2px;
|
|
display: flex;
|
|
gap: 8px;
|
|
align-items: center;
|
|
|
|
&.log-error {
|
|
background: rgba(220, 53, 69, 0.15);
|
|
color: #ff6b6b;
|
|
}
|
|
|
|
&.log-warn {
|
|
background: rgba(255, 193, 7, 0.15);
|
|
color: #ffc107;
|
|
}
|
|
|
|
&.log-debug {
|
|
background: rgba(108, 117, 125, 0.15);
|
|
color: #adb5bd;
|
|
}
|
|
|
|
&.log-info {
|
|
background: rgba(13, 110, 253, 0.1);
|
|
color: var(--foreground);
|
|
}
|
|
}
|
|
|
|
.log-icon {
|
|
font-size: 14px;
|
|
flex-shrink: 0;
|
|
width: 18px;
|
|
text-align: center;
|
|
}
|
|
|
|
.log-time {
|
|
color: var(--muted-foreground);
|
|
flex-shrink: 0;
|
|
font-size: 10px;
|
|
}
|
|
|
|
.log-message {
|
|
flex: 1;
|
|
word-break: break-word;
|
|
}
|