diff --git a/public/assets/css/app.css b/public/assets/css/app.css index 47690d9..95027b6 100644 --- a/public/assets/css/app.css +++ b/public/assets/css/app.css @@ -1429,7 +1429,7 @@ body.has-modal-open { overflow: hidden; border: 1px solid var(--line); border-radius: 24px; - background: var(--surface); + background: var(--surface-strong); box-shadow: 0 28px 80px rgba(1, 22, 32, 0.24); } @@ -1452,10 +1452,18 @@ body.has-modal-open { } .nexus-debug-popup__head h2 { - margin: 8px 0 0; + margin: 4px 0 0; font-size: 1.2rem; } +.nexus-debug-popup__eyebrow { + color: var(--muted); + font-size: 0.78rem; + font-weight: 700; + letter-spacing: 0.14em; + text-transform: uppercase; +} + .nexus-debug-popup__toolbar { display: flex; align-items: center; @@ -1488,7 +1496,7 @@ body.has-modal-open { .nexus-debug-entry { border: 1px solid var(--line); border-radius: 16px; - background: color-mix(in srgb, var(--surface) 92%, var(--brand-accent-2) 8%); + background: var(--surface-strong); } .nexus-debug-entry summary { @@ -1505,12 +1513,23 @@ body.has-modal-open { display: none; } +.nexus-debug-entry__title { + display: grid; + gap: 4px; + min-width: 0; + flex: 1 1 auto; +} + .nexus-debug-entry__meta { color: var(--muted); font-size: 0.82rem; text-align: right; } +.nexus-debug-entry__copy { + flex: 0 0 auto; +} + .nexus-debug-entry pre { margin: 0; padding: 0 14px 14px; @@ -1550,6 +1569,10 @@ body.has-modal-open { .nexus-debug-entry__meta { text-align: left; } + + .nexus-debug-entry__copy { + width: 100%; + } } .module-box-title { diff --git a/public/assets/js/app.js b/public/assets/js/app.js index c6aa17a..e043e7f 100755 --- a/public/assets/js/app.js +++ b/public/assets/js/app.js @@ -229,16 +229,17 @@ window.NexusModal = (() => {