@decentnetwork/beagle 0.1.29 → 0.1.30
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/desktop/app.js +5 -4
- package/package.json +1 -1
package/dist/desktop/app.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
window.__DK_UI_VERSION="0.1.
|
|
1
|
+
window.__DK_UI_VERSION="0.1.29";
|
|
2
2
|
const ICON_PATHS = {
|
|
3
3
|
// ---- tab bar (the four must feel like one set) ----
|
|
4
4
|
users: '<path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M22 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/>',
|
|
@@ -4067,7 +4067,7 @@ function CallOverlay({ T, ctl, peers }) {
|
|
|
4067
4067
|
gap: 12,
|
|
4068
4068
|
background: "linear-gradient(to top, rgba(0,0,0,.65), rgba(0,0,0,0))",
|
|
4069
4069
|
pointerEvents: "none"
|
|
4070
|
-
} }, others.length > 0 && /* @__PURE__ */ React.createElement("div", { style: {
|
|
4070
|
+
} }, /* @__PURE__ */ React.createElement("div", { style: { display: "flex", justifyContent: "center", marginBottom: 16, pointerEvents: "auto" } }, /* @__PURE__ */ React.createElement("div", { style: { padding: "16px 26px", borderRadius: 20, background: "color-mix(in oklab, var(--panel), transparent 8%)", border: "1px solid var(--line)" } }, controls))), others.length > 0 && /* @__PURE__ */ React.createElement("div", { style: { position: "absolute", right: 16, bottom: 16, display: "flex", flexDirection: "column", gap: 10 } }, others.map((t) => /* @__PURE__ */ React.createElement(
|
|
4071
4071
|
"button",
|
|
4072
4072
|
{
|
|
4073
4073
|
key: t.key,
|
|
@@ -4082,12 +4082,13 @@ function CallOverlay({ T, ctl, peers }) {
|
|
|
4082
4082
|
background: "#000",
|
|
4083
4083
|
cursor: "pointer",
|
|
4084
4084
|
padding: 0,
|
|
4085
|
-
border: "1px solid var(--line)"
|
|
4085
|
+
border: "1px solid var(--line)",
|
|
4086
|
+
boxShadow: "0 4px 18px rgba(0,0,0,.45)"
|
|
4086
4087
|
}
|
|
4087
4088
|
},
|
|
4088
4089
|
/* @__PURE__ */ React.createElement(VideoSurface, { stream: t.stream, muted: true, style: { width: "100%", height: "100%", objectFit: "contain", transform: t.mirror ? "scaleX(-1)" : "none" } }),
|
|
4089
4090
|
/* @__PURE__ */ React.createElement("span", { style: { position: "absolute", left: 6, bottom: 5, padding: "2px 6px", borderRadius: 6, background: "rgba(0,0,0,.6)", color: "#fff", fontSize: 10, fontFamily: "var(--mono)" } }, t.label)
|
|
4090
|
-
)))
|
|
4091
|
+
)))))
|
|
4091
4092
|
);
|
|
4092
4093
|
})() : /* @__PURE__ */ React.createElement("div", { style: { flex: 1, display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", gap: 22 } }, /* @__PURE__ */ React.createElement("div", { style: { position: "relative", display: "flex", alignItems: "center", justifyContent: "center" } }, !connected && /* @__PURE__ */ React.createElement("span", { style: { position: "absolute", width: 150, height: 150, borderRadius: 999, border: "2px solid var(--accent)", animation: "dkpulse 2s ease-out infinite" } }), /* @__PURE__ */ React.createElement(DkIdenticon, { seed: call.peerId, size: 108, radius: 26 })), /* @__PURE__ */ React.createElement("div", { style: { textAlign: "center" } }, /* @__PURE__ */ React.createElement("div", { style: { fontFamily: "var(--mono)", fontSize: 22, fontWeight: 700, color: "var(--text)" } }, name), /* @__PURE__ */ React.createElement("div", { style: { marginTop: 8, fontFamily: "var(--mono)", fontSize: 12.5, color: "var(--faint)" } }, stateLabel)), /* @__PURE__ */ React.createElement("div", { style: { marginTop: 18 } }, controls)));
|
|
4093
4094
|
}
|
package/package.json
CHANGED