diff --git a/plugins/pollux/pollux.css b/plugins/pollux/pollux.css index 6177162..77ab2dd 100644 --- a/plugins/pollux/pollux.css +++ b/plugins/pollux/pollux.css @@ -1,4 +1,6 @@ .pollux { + width: 90%; + button { font-family: inherit; font-size: 0.875rem; @@ -123,3 +125,19 @@ 25% { transform: rotate(2deg); } 75% { transform: rotate(-2deg); } } + +.pollux-zone { + display: flex; + align-items: center; + justify-content: center; + flex-direction: row; + + & > div:first-child { + flex-grow: 1; + } + + .qr-code { + background-color: #fff; + width: 400px; + } +} diff --git a/plugins/pollux/pollux.js b/plugins/pollux/pollux.js index fb08f36..82f1662 100644 --- a/plugins/pollux/pollux.js +++ b/plugins/pollux/pollux.js @@ -5,6 +5,8 @@ const isUUIDv7 = (str) => str, ); +const apiUUID = () => fetch(`https://${window.slidesk.env.pollux.url}/api/uuid`).then((r) => r.text()); + class PolluxRaffle { uuid = null; players = []; @@ -209,31 +211,43 @@ class PolluxRaffle { transformPolluxRaffle = (element) => { element.innerHTML = ` -