Mehdi Chaid
b9c82af501
- Set fixed 680px width on overlay panel to prevent horizontal expansion when typing in text fields - Remove Model family dropdown from Preset create and edit overlays; family is now inferred from the Flake Model Preset node selection
42 lines
1.9 KiB
JavaScript
42 lines
1.9 KiB
JavaScript
import { css } from "./utils.js";
|
|
|
|
export function openOverlay() {
|
|
const overlay = document.createElement("div");
|
|
css(overlay, "position:fixed;inset:0;background:rgba(0,0,0,0.6);z-index:9999;display:flex;align-items:center;justify-content:center;font-family:system-ui,-apple-system,sans-serif;");
|
|
const panel = document.createElement("div");
|
|
css(panel, "background:#1e1e1e;color:#ddd;border:1px solid #2a2a2a;border-radius:12px;width:680px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 8px 32px rgba(0,0,0,0.5);");
|
|
|
|
const content = document.createElement("div");
|
|
css(content, "flex:1;overflow:auto;padding:20px;display:flex;flex-direction:column;gap:4px;min-height:0;");
|
|
|
|
const footer = document.createElement("div");
|
|
css(footer, "flex-shrink:0;padding:12px 20px;border-top:1px solid #333;display:flex;gap:8px;justify-content:flex-end;");
|
|
|
|
panel.appendChild(content);
|
|
panel.appendChild(footer);
|
|
overlay.appendChild(panel);
|
|
|
|
// handlers.onClose runs once on final close.
|
|
// handlers.confirmCancel, if set, is consulted on Esc / outside-click and
|
|
// can return false (or a Promise resolving to false) to veto the close.
|
|
const handlers = { onClose: null, confirmCancel: null };
|
|
function close(value) {
|
|
document.body.removeChild(overlay);
|
|
document.removeEventListener("keydown", onKey);
|
|
handlers.onClose?.(value);
|
|
}
|
|
async function tryDismiss() {
|
|
if (handlers.confirmCancel) {
|
|
const ok = await handlers.confirmCancel();
|
|
if (!ok) return;
|
|
}
|
|
close(undefined);
|
|
}
|
|
function onKey(e) { if (e.key === "Escape") { e.preventDefault(); tryDismiss(); } }
|
|
document.addEventListener("keydown", onKey);
|
|
overlay.addEventListener("click", (e) => { if (e.target === overlay) tryDismiss(); });
|
|
|
|
document.body.appendChild(overlay);
|
|
return { overlay, panel, content, footer, close, handlers };
|
|
}
|