legop3/MultiRoombaRover
1
0
Fork 0
mirror of https://github.com/legop3/MultiRoombaRover.git synced 2026-09-16 01:21:20 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

updating game colors

Browse Source
This commit is contained in:
legop3
2026-06-19 03:23:03 -04:00
parent 2f5f18fa6d
commit 302079eadf
8 changed files with 31 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files
server/public/assets/index-DOsCnBty.js → server/public/assets/index-Bxy0t7bb.js
+1 -1
View File
File diff suppressed because one or more lines are too long
server/public/assets/index-CZM8e4sR.css
+1
View File
File diff suppressed because one or more lines are too long
server/public/assets/index-iL5XsC62.css
-1
View File
File diff suppressed because one or more lines are too long
server/public/index.html
+2 -2
View File
@@ -78,8 +78,8 @@
<script defer src="https://analytics.otter.land/script.js" data-website-id="82dd56a5-db44-4279-bd1e-a4d9fee39af7" data-domains="rover.otter.land"></script>
<script defer src="https://analytics.otter.land/recorder.js" data-website-id="82dd56a5-db44-4279-bd1e-a4d9fee39af7" data-domains="rover.otter.land" data-sample-rate="0.15" data-mask-level="moderate" data-max-duration="300000"></script>
<title>Roomba Rover</title>
<script type="module" crossorigin src="/assets/index-DOsCnBty.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-iL5XsC62.css">
<script type="module" crossorigin src="/assets/index-Bxy0t7bb.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-CZM8e4sR.css">
</head>
<body>
<div id="root"></div>
server/src/services/barcodeGameService/games/mostItems.js
+1 -1
View File
@@ -316,7 +316,7 @@ module.exports = {
id: GAME_ID,
title: 'Most items',
description: 'Scan as many different known objects as possible.',
themeColor: { r: 16, g: 185, b: 129 },
themeColor: { r: 255, g: 145, b: 71 },
createInitialState,
normalizeState,
activate,
server/src/services/barcodeGameService/games/scanQuest.js
+1 -1
View File
@@ -301,7 +301,7 @@ module.exports = {
id: GAME_ID,
title: 'Scan quest',
description: 'Scan one or two requested objects in order.',
themeColor: { r: 34, g: 211, b: 238 },
themeColor: { r: 255, g: 150, b: 252 },
createInitialState,
normalizeState,
activate,
server/src/services/barcodeGameService/games/scansPerSecond.js
+1 -1
View File
@@ -319,7 +319,7 @@ module.exports = {
id: GAME_ID,
title: 'Scans per second',
description: 'Count every scan for five minutes and save the world record.',
themeColor: { r: 245, g: 158, b: 11 },
themeColor: { r: 72, g: 245, b: 66 },
createInitialState,
normalizeState,
activate,
webui/src/components/BarcodeGamesPanel/index.jsx
+11 -10
View File
@@ -154,23 +154,26 @@ function Leaderboard({ players, ownPlayer }) {
const hasOwnPoints = ownPlayer && Number.isFinite(ownPlayer.totalPoints);
return (
<div className="space-y-1">
<div className="grid gap-0.5 sm:grid-cols-[minmax(0,0.8fr)_minmax(0,1.2fr)]">
<div className="surface px-1 py-0.75">
<p className="text-xs text-neutral-400">Your points</p>
<p className="text-lg font-semibold leading-tight text-neutral-50">
<div className="surface grid grid-cols-[minmax(0,1fr)_auto] items-center gap-1 px-1 py-0.75">
<div className="min-w-0">
<p className="text-xs font-semibold text-neutral-300">Your points</p>
<p className="truncate text-[0.7rem] text-neutral-400">
{ownPlayer?.rank ? `Rank ${ownPlayer.rank}` : 'No rank yet'}
</p>
</div>
<p className="font-mono text-xl font-semibold leading-tight text-neutral-50">
{hasOwnPoints ? ownPlayer.totalPoints : 0}
</p>
{ownPlayer?.rank ? <p className="text-[0.7rem] text-neutral-400">Rank {ownPlayer.rank}</p> : null}
</div>
<div className="surface px-1 py-0.75">
<p className="mb-0.5 text-xs font-semibold text-neutral-300">Leaderboard</p>
{Array.isArray(players) && players.length ? (
<div className="space-y-0.5">
<div className="grid gap-0.5">
{players.slice(0, 4).map((player, idx) => (
<div key={player.playerKey} className="grid grid-cols-[1.25rem_minmax(0,1fr)_auto] gap-1 text-xs">
<div key={player.playerKey} className="surface-muted grid grid-cols-[1.5rem_minmax(0,1fr)_3rem] items-center gap-0.5 px-1 py-0.5 text-xs">
<span className="font-mono text-neutral-500">{idx + 1}</span>
<span className="truncate text-neutral-200">{player.nickname}</span>
<span className="font-mono text-neutral-300">{player.totalPoints}</span>
<span className="text-right font-mono text-neutral-200">{player.totalPoints}</span>
</div>
))}
</div>
@@ -179,10 +182,8 @@ function Leaderboard({ players, ownPlayer }) {
)}
</div>
</div>
</div>
);
}
export default function BarcodeGamesPanel() {
const { state, connectionState, voteForGame } = useBarcodeGameState();
const [pendingGameId, setPendingGameId] = useState(null);