legop3/MultiRoombaRover
1
0
Fork 0
mirror of https://github.com/legop3/MultiRoombaRover.git synced 2026-09-15 17:12:59 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

style is my name

Browse Source
This commit is contained in:
legop3
2026-06-19 03:14:12 -04:00
parent 56227d6500
commit 2f5f18fa6d
5 changed files with 18 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
server/public/assets/index-DIY0xZMC.css
-1
View File
File diff suppressed because one or more lines are too long
server/public/assets/index-D54r8jKs.js → server/public/assets/index-DOsCnBty.js
+6 -6
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/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> <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> <title>Roomba Rover</title>
<script type="module" crossorigin src="/assets/index-D54r8jKs.js"></script> <script type="module" crossorigin src="/assets/index-DOsCnBty.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-DIY0xZMC.css"> <link rel="stylesheet" crossorigin href="/assets/index-iL5XsC62.css">
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>
webui/src/components/BarcodeGamesPanel/index.jsx
+9 -8
View File
@@ -44,6 +44,7 @@ function getGameTheme(themeColor) {
}, },
selectedButtonStyle: { selectedButtonStyle: {
borderLeftColor: rgba(rgb, 1), borderLeftColor: rgba(rgb, 1),
backgroundColor: rgba(rgb, 0.12),
}, },
titleBoxStyle: { titleBoxStyle: {
borderLeftColor: rgba(rgb, 0.88), borderLeftColor: rgba(rgb, 0.88),
@@ -81,15 +82,15 @@ function GameChoice({ game, disabled, onVote }) {
type="button" type="button"
disabled={disabled || game.active} disabled={disabled || game.active}
onClick={() => onVote(game.id)} onClick={() => onVote(game.id)}
className="button-dark flex min-h-[3.5rem] flex-col items-start justify-between border-l-4 px-1 py-0.75 text-left disabled:opacity-70" className="surface flex min-h-[3.5rem] flex-col items-start justify-between border-l-4 border-l-neutral-600 px-1 py-0.75 text-left transition-colors hover:bg-neutral-700 disabled:cursor-not-allowed disabled:opacity-70"
style={style} style={style}
> >
<span className="flex w-full items-start justify-between gap-1"> <span className="flex w-full items-start justify-between gap-1">
<span className="text-sm font-semibold leading-tight text-neutral-50" style={theme.textStyle}>{game.title}</span> <span className="text-sm font-semibold leading-tight text-neutral-50" style={theme.textStyle}>{game.title}</span>
<span className="shrink-0 font-mono text-[0.72rem] text-neutral-300">{game.voteCount || 0}</span> <span className="surface-muted shrink-0 px-1 py-0 text-center font-mono text-[0.72rem] text-neutral-200">{game.voteCount || 0}</span>
</span> </span>
<span className="mt-0.5 line-clamp-2 text-xs leading-snug text-neutral-300">{game.description}</span> <span className="mt-0.5 line-clamp-2 text-xs leading-snug text-neutral-300">{game.description}</span>
<span className="mt-0.5 text-[0.7rem] font-semibold text-neutral-200"> <span className="mt-0.5 text-[0.7rem] font-semibold text-neutral-400">
{game.active ? 'Active' : game.selected ? 'Selected' : game.actionLabel || 'Vote'} {game.active ? 'Active' : game.selected ? 'Selected' : game.actionLabel || 'Vote'}
</span> </span>
</button> </button>
@@ -101,9 +102,9 @@ function StatGrid({ stats, theme }) {
return ( return (
<div className="grid gap-0.5 sm:grid-cols-3"> <div className="grid gap-0.5 sm:grid-cols-3">
{stats.slice(0, 6).map((stat) => ( {stats.slice(0, 6).map((stat) => (
<div key={stat.label} className="surface px-1 py-0.75"> <div key={stat.label} className="surface px-1 py-0.75 text-center">
<p className="truncate text-[0.68rem] text-neutral-400">{stat.label}</p> <p className="truncate text-[0.68rem] text-neutral-400">{stat.label}</p>
<p className="truncate text-sm font-semibold text-neutral-100" style={theme.textStyle}>{stat.value}</p> <p className="mt-0.25 truncate text-base font-semibold leading-tight text-neutral-100" style={theme.textStyle}>{stat.value}</p>
</div> </div>
))} ))}
</div> </div>
@@ -137,11 +138,11 @@ function CounterList({ title, entries }) {
return ( return (
<div> <div>
<p className="mb-0.5 text-xs font-semibold text-neutral-300">{title}</p> <p className="mb-0.5 text-xs font-semibold text-neutral-300">{title}</p>
<div className="space-y-0.5"> <div className="grid gap-0.5">
{entries.slice(0, 4).map((entry) => ( {entries.slice(0, 4).map((entry) => (
<div key={`${entry.entityId || entry.code}-${entry.type || 'counter'}`} className="flex justify-between gap-2 text-xs"> <div key={`${entry.entityId || entry.code}-${entry.type || 'counter'}`} className="surface-muted grid grid-cols-[minmax(0,1fr)_2.5rem] items-center gap-0.5 px-1 py-0.5 text-xs">
<span className="min-w-0 truncate text-neutral-200">{entry.label || entry.entityId || entry.code}</span> <span className="min-w-0 truncate text-neutral-200">{entry.label || entry.entityId || entry.code}</span>
<span className="font-mono text-neutral-300">{entry.count || 0}</span> <span className="text-right font-mono text-neutral-200">{entry.count || 0}</span>
</div> </div>
))} ))}
</div> </div>