🐛 | Fix error popup (2)

This commit is contained in:
2026-05-19 02:20:12 +03:00
parent 260d27ca51
commit b600aa7e07

View File

@@ -191,11 +191,22 @@ class DetailedApiError extends Error {
} }
// ── Error detail modal ────────────────────────────────────────── // ── Error detail modal ──────────────────────────────────────────
const ERROR_MODAL_CLASS = "uns-errmodal";
// Injected CSS for the error modal — wider modal so all detail fits
const removeErrCss = injectCss(`
.${ERROR_MODAL_CLASS} {
width: 620px !important;
max-width: 90vw !important;
}
`);
scoped.onDispose(() => removeErrCss());
function ErrorDetailModal(props) { function ErrorDetailModal(props) {
const error = props.error; const error = props.error;
return ( return (
<ModalRoot> <ModalRoot class={ERROR_MODAL_CLASS}>
<ModalHeader close={props.close}>Unsloth Chat - Error Details</ModalHeader> <ModalHeader close={props.close}>Unsloth Chat - Error Details</ModalHeader>
<ModalBody> <ModalBody>
<div style={{ display: "flex", flexDirection: "column", gap: "12px" }}> <div style={{ display: "flex", flexDirection: "column", gap: "12px" }}>