🐛 | Fix error popup (2)
This commit is contained in:
@@ -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" }}>
|
||||||
|
|||||||
Reference in New Issue
Block a user