Customization panel: wider default (480px) + resizable via CSS resize

This commit is contained in:
you
2026-03-23 01:32:46 +00:00
parent c6801e4a9e
commit 552a94696e
2 changed files with 4 additions and 3 deletions
+3 -2
View File
@@ -251,9 +251,10 @@
if (styleEl) return;
styleEl = document.createElement('style');
styleEl.textContent = `
.cust-overlay { position: fixed; top: 52px; right: 12px; z-index: 1050; width: 380px; max-height: calc(100vh - 64px);
.cust-overlay { position: fixed; top: 52px; right: 12px; z-index: 1050; width: 480px; max-height: calc(100vh - 64px);
background: var(--card-bg); border: 1px solid var(--border); border-radius: 10px;
box-shadow: 0 8px 32px rgba(0,0,0,0.3); display: flex; flex-direction: column; overflow: hidden; }
box-shadow: 0 8px 32px rgba(0,0,0,0.3); display: flex; flex-direction: column; overflow: hidden;
resize: both; min-width: 320px; min-height: 300px; }
.cust-overlay.hidden { display: none; }
.cust-header { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px;
border-bottom: 1px solid var(--border); cursor: move; user-select: none; flex-shrink: 0; }
+1 -1
View File
@@ -101,6 +101,6 @@
<script src="observer-detail.js?v=1774219440" onerror="console.error('Failed to load:', this.src)"></script>
<script src="node-analytics.js?v=1774126708" onerror="console.error('Failed to load:', this.src)"></script>
<script src="perf.js?v=1773985649" onerror="console.error('Failed to load:', this.src)"></script>
<script src="customize.js?v=1774229496" onerror="console.error('Failed to load:', this.src)"></script>
<script src="customize.js?v=1774229566" onerror="console.error('Failed to load:', this.src)"></script>
</body>
</html>