|
66 | 66 | .modal { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); backdrop-filter: blur(4px); } |
67 | 67 | .modal-content { background: var(--surface); margin: 5% auto; padding: 2rem; border: 1px solid var(--border); border-radius: 16px; width: 500px; max-width: 90%; } |
68 | 68 |
|
69 | | - .bottom-stats-bar { position: fixed; bottom: 0; right: 0; left: 240px; background: rgba(22, 27, 44, 0.7); backdrop-filter: blur(16px); border-top: 1px solid var(--border); padding: 0.5rem 1.5rem; display: flex; align-items: center; justify-content: space-between; z-index: 900; transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); height: 40px; } |
| 69 | + .bottom-stats-bar { position: fixed; bottom: 0; right: 0; left: 240px; background: rgba(22, 27, 44, 0.7); backdrop-filter: blur(16px); border-top: 1px solid var(--border); padding: 0.5rem 1.5rem; display: flex; align-items: center; z-index: 900; transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); height: 40px; box-sizing: border-box; } |
70 | 70 | .bottom-stats-bar.collapsed { transform: translateY(40px); } |
71 | | - .stats-items { display: flex; gap: 1.5rem; align-items: center; overflow-x: auto; flex: 1; } |
| 71 | + .stats-items { display: flex; gap: 1.5rem; align-items: center; flex-shrink: 0; } |
72 | 72 | .stats-item { display: flex; align-items: center; gap: 0.4rem; font-size: 0.75rem; color: var(--text-dim); white-space: nowrap; } |
73 | 73 | .stats-item strong, .stats-item span[id^="debug-"] { font-family: ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, monospace; color: var(--primary); font-weight: 700; display: inline-block; text-align: left; } |
| 74 | + .stats-spacer { flex: 1; } |
74 | 75 | .stats-toggle-tongue { position: absolute; top: -24px; right: 2rem; background: rgba(22, 27, 44, 0.7); backdrop-filter: blur(16px); border: 1px solid var(--border); border-bottom: none; padding: 4px 12px; border-radius: 8px 8px 0 0; cursor: pointer; color: var(--text-dim); display: flex; align-items: center; justify-content: center; height: 24px; box-sizing: border-box; } |
75 | 76 | .stats-toggle-tongue:hover { color: var(--text); background: var(--surface-hover); } |
76 | | - .debug-items { display: flex; gap: 1rem; margin-left: 1.5rem; border-left: 1px solid var(--border); padding-left: 1.5rem; } |
| 77 | + .debug-items { display: flex; gap: 1rem; margin-left: 1.5rem; border-left: 1px solid var(--border); padding-left: 1.5rem; align-items: center; } |
77 | 78 | </style> |
78 | 79 | </head> |
79 | 80 | <body> |
@@ -606,6 +607,7 @@ <h2>Top Connection Scanners (404s)</h2> |
606 | 607 | <div class="stats-item"><i data-lucide="clock" title="Server Uptime"></i> <span id="debug-uptime" style="width: 80px;">0s</span></div> |
607 | 608 | </div> |
608 | 609 | </div> |
| 610 | + <div class="stats-spacer"></div> |
609 | 611 | </div> |
610 | 612 | </main> |
611 | 613 | </div> |
@@ -1126,7 +1128,7 @@ <h2>Edit AutoDJ</h2> |
1126 | 1128 | var gMbIn = document.getElementById('global-mb-in'); var gMbOut = document.getElementById('global-mb-out'); |
1127 | 1129 | var gStreamers = document.getElementById('stat-streamers'); var gRelays = document.getElementById('stat-relays'); |
1128 | 1130 | var debugRam = document.getElementById('debug-ram'); var debugGoroutines = document.getElementById('debug-goroutines'); |
1129 | | - var debugHeap = document.getElementById('debug-heap'); var debugStack = document.getElementById('debug-stack'); |
| 1131 | + var debugHeap = document.getElementById('debug-heap'); |
1130 | 1132 | var debugGC = document.getElementById('debug-gc'); var debugLoss = document.getElementById('debug-loss'); |
1131 | 1133 | var debugUptime = document.getElementById('debug-uptime'); |
1132 | 1134 | var isDebug = window.location.search.indexOf('debug') !== -1; |
@@ -1164,7 +1166,6 @@ <h2>Edit AutoDJ</h2> |
1164 | 1166 | if (debugRam) { |
1165 | 1167 | debugRam.innerText = formatBytes(data.sys_ram); |
1166 | 1168 | debugHeap.innerText = formatBytes(data.heap_alloc); |
1167 | | - debugStack.innerText = formatBytes(data.stack_sys); |
1168 | 1169 | debugGC.innerText = data.num_gc; |
1169 | 1170 | debugGoroutines.innerText = data.goroutines; |
1170 | 1171 | debugLoss.innerText = formatBytes(data.total_dropped); |
|
0 commit comments