@open-slot-ui/pixi 0.12.0 → 0.12.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +17 -13
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +17 -13
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -933,7 +933,7 @@ function showBootError(opts = {}) {
|
|
|
933
933
|
host.innerHTML = `
|
|
934
934
|
<div class="openui-be-card">
|
|
935
935
|
<div class="openui-be-icon" aria-hidden="true">
|
|
936
|
-
<svg viewBox="0 0 48 48" width="
|
|
936
|
+
<svg viewBox="0 0 48 48" width="46" height="46"><path d="M24 5 4 41h40L24 5Z" fill="none" stroke="#000" stroke-width="4" stroke-linejoin="round"/><rect x="22" y="19" width="4" height="12" rx="2" fill="#000"/><circle cx="24" cy="35.5" r="2.5" fill="#000"/></svg>
|
|
937
937
|
</div>
|
|
938
938
|
<h1 class="openui-be-title">${esc2(title)}</h1>
|
|
939
939
|
<p class="openui-be-msg">${esc2(message)}</p>
|
|
@@ -941,19 +941,23 @@ function showBootError(opts = {}) {
|
|
|
941
941
|
${showReload ? `<button class="openui-be-reload" type="button">${esc2(opts.reloadLabel ?? "Reload")}</button>` : ""}
|
|
942
942
|
</div>
|
|
943
943
|
<style>
|
|
944
|
+
/* MONOCHROME by design \u2014 a neutral black-and-white system card, no theme accent. */
|
|
944
945
|
.openui-boot-error { position: fixed; inset: 0; z-index: 2147483000; display: grid; place-items: center;
|
|
945
|
-
font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; color: #
|
|
946
|
-
background: rgba(
|
|
947
|
-
.openui-be-card { width: min(90%, 440px); text-align: center; padding:
|
|
948
|
-
|
|
949
|
-
|
|
950
|
-
.openui-be-
|
|
951
|
-
|
|
952
|
-
.openui-be-
|
|
953
|
-
.openui-be-
|
|
954
|
-
|
|
955
|
-
|
|
956
|
-
.openui-be-reload
|
|
946
|
+
font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; color: #181b20;
|
|
947
|
+
background: rgba(8,8,8,.62); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
|
|
948
|
+
.openui-be-card { width: min(90%, 440px); text-align: center; padding: 40px 36px 32px;
|
|
949
|
+
display: flex; flex-direction: column; align-items: center; gap: 14px;
|
|
950
|
+
background: #fff; border: 4px solid #000; border-radius: 24px; box-shadow: 0 24px 60px rgba(0,0,0,.55); }
|
|
951
|
+
.openui-be-icon { display: grid; place-items: center; width: 72px; height: 72px; border-radius: 999px;
|
|
952
|
+
border: 4px solid #000; line-height: 0; }
|
|
953
|
+
.openui-be-title { margin: 0; font-size: 26px; font-weight: 800; color: #000; letter-spacing: .01em; }
|
|
954
|
+
.openui-be-msg { margin: 0; font-size: 16px; line-height: 1.5; font-weight: 600; color: #3a3f47; max-width: 34ch; }
|
|
955
|
+
.openui-be-detail { margin: 0; font-size: 12px; line-height: 1.4; color: #8a9099; word-break: break-word;
|
|
956
|
+
font-family: ui-monospace, "SF Mono", Menlo, monospace; max-width: 40ch; }
|
|
957
|
+
.openui-be-reload { appearance: none; cursor: pointer; margin-top: 8px; padding: 14px 42px; border-radius: 999px;
|
|
958
|
+
border: 4px solid #000; background: #000; color: #fff; font-weight: 800; font-size: 16px; letter-spacing: .03em;
|
|
959
|
+
transition: transform .1s ease, background .12s ease; }
|
|
960
|
+
.openui-be-reload:hover { background: #1c1c1c; }
|
|
957
961
|
.openui-be-reload:active { transform: scale(.96); }
|
|
958
962
|
</style>`;
|
|
959
963
|
if (showReload) {
|