Changeset 0.4.1 1 (#34)
This commit is contained in:
@@ -1420,6 +1420,7 @@ body {
|
|||||||
height: 80vh;
|
height: 80vh;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
overflow: hidden; /* override base .modal overflow-y: auto */
|
||||||
}
|
}
|
||||||
|
|
||||||
.debug-tabs {
|
.debug-tabs {
|
||||||
|
|||||||
BIN
src/favicon-192.png
Normal file
BIN
src/favicon-192.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.1 KiB |
BIN
src/favicon-32.png
Normal file
BIN
src/favicon-32.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
10
src/favicon.svg
Normal file
10
src/favicon.svg
Normal file
@@ -0,0 +1,10 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
|
||||||
|
<rect width="64" height="64" rx="12" fill="#1a1a2e"/>
|
||||||
|
<!-- Arrow 1: bottom-left → top-right -->
|
||||||
|
<path d="M12 48 L36 16" stroke="#6c9fff" stroke-width="5.5" stroke-linecap="round" fill="none"/>
|
||||||
|
<polygon points="42,12 34,14 38,22" fill="#6c9fff"/>
|
||||||
|
<!-- Arrow 2: top-left → bottom-right (gap at crossover) -->
|
||||||
|
<path d="M12 16 L24 30" stroke="#a78bfa" stroke-width="5.5" stroke-linecap="round" fill="none"/>
|
||||||
|
<path d="M30 38 L36 48" stroke="#a78bfa" stroke-width="5.5" stroke-linecap="round" fill="none"/>
|
||||||
|
<polygon points="42,52 34,50 38,42" fill="#a78bfa"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 642 B |
@@ -4,6 +4,9 @@
|
|||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>Chat Switchboard</title>
|
<title>Chat Switchboard</title>
|
||||||
|
<link rel="icon" type="image/svg+xml" href="favicon.svg">
|
||||||
|
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32.png">
|
||||||
|
<link rel="apple-touch-icon" sizes="192x192" href="favicon-192.png">
|
||||||
<link rel="stylesheet" href="css/styles.css?v=0.4.1">
|
<link rel="stylesheet" href="css/styles.css?v=0.4.1">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
@@ -456,7 +459,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Debug Modal (Ctrl+Shift+D) -->
|
<!-- Debug Modal (Ctrl+Shift+L) -->
|
||||||
<div class="modal-overlay" id="debugModal">
|
<div class="modal-overlay" id="debugModal">
|
||||||
<div class="modal debug-modal">
|
<div class="modal debug-modal">
|
||||||
<div class="modal-header">
|
<div class="modal-header">
|
||||||
|
|||||||
@@ -330,23 +330,23 @@ const DebugLog = {
|
|||||||
const badge = document.createElement('div');
|
const badge = document.createElement('div');
|
||||||
badge.id = 'debugBadge';
|
badge.id = 'debugBadge';
|
||||||
badge.innerHTML = '🐛';
|
badge.innerHTML = '🐛';
|
||||||
badge.title = 'Debug Log (Ctrl+Shift+D)';
|
badge.title = 'Debug Log (Ctrl+Shift+L)';
|
||||||
badge.style.cssText = `
|
badge.style.cssText = `
|
||||||
position: fixed; bottom: 12px; right: 12px; z-index: 100000;
|
position: fixed; bottom: 12px; right: 12px; z-index: 100000;
|
||||||
width: 36px; height: 36px; border-radius: 50%;
|
width: 36px; height: 36px; border-radius: 50%;
|
||||||
background: var(--bg-secondary, #2a2a2a); border: 1px solid var(--border, #444);
|
background: var(--bg-secondary, #2a2a2a); border: 1px solid var(--border, #444);
|
||||||
display: flex; align-items: center; justify-content: center;
|
display: flex; align-items: center; justify-content: center;
|
||||||
cursor: pointer; font-size: 18px; opacity: 0.5;
|
cursor: pointer; font-size: 18px; opacity: 0.7;
|
||||||
transition: opacity 0.2s, transform 0.2s;
|
transition: opacity 0.2s, transform 0.2s;
|
||||||
`;
|
`;
|
||||||
badge.addEventListener('mouseenter', () => { badge.style.opacity = '1'; badge.style.transform = 'scale(1.1)'; });
|
badge.addEventListener('mouseenter', () => { badge.style.opacity = '1'; badge.style.transform = 'scale(1.1)'; });
|
||||||
badge.addEventListener('mouseleave', () => { badge.style.opacity = this._errorCount > 0 ? '0.9' : '0.5'; badge.style.transform = ''; });
|
badge.addEventListener('mouseleave', () => { badge.style.opacity = this._errorCount > 0 ? '0.9' : '0.7'; badge.style.transform = ''; });
|
||||||
badge.addEventListener('click', () => openDebugModal());
|
badge.addEventListener('click', () => openDebugModal());
|
||||||
document.body.appendChild(badge);
|
document.body.appendChild(badge);
|
||||||
|
|
||||||
// Keyboard shortcut
|
// Keyboard shortcut
|
||||||
document.addEventListener('keydown', (e) => {
|
document.addEventListener('keydown', (e) => {
|
||||||
if (e.ctrlKey && e.shiftKey && e.key === 'D') {
|
if (e.ctrlKey && e.shiftKey && e.key === 'L') {
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
openDebugModal();
|
openDebugModal();
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user