roman/moblin
1
0
Fork 0
mirror of https://github.com/eerimoq/moblin.git synced 2026-07-04 15:06:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

Golf scoreboard tweaks.

Browse Source
This commit is contained in:
Erik Moqvist
2026-06-11 07:09:39 +02:00
parent 02e757b58e
commit dfc2b5aaac
4 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Moblin/RemoteControl/Web/css/golf.css
+1 -1
View File
@@ -1 +1 @@
.golf-title{color:#4ade80}.btn-xs{cursor:pointer;background:0 0;border-width:1px;border-radius:.25rem;padding:.15rem .5rem;font-size:.7rem}.new-round-btn{cursor:pointer;background:0 0;border-width:1px;border-radius:.25rem;height:35px;padding:.15rem .5rem;font-size:14px}.hole-btn{border:1px solid var(--btn-border);background:var(--btn-bg);width:2.5rem;height:2.5rem;color:var(--text-dim);cursor:pointer;border-radius:.25rem;justify-content:center;align-items:center;font-size:1rem;display:flex}.hole-btn.active{color:#fff;background:#166534;border-color:#4ade80;font-weight:700}.hole-btn.played{color:#d4d4d8;border-color:#52525b}.hole-btn.complete{color:#d4d4d8;border-color:#16a34a}.score-select{background:var(--btn-bg);border:1px solid var(--btn-border);color:var(--text-main);cursor:pointer;border-radius:.25rem;padding:.25rem .5rem;font-size:.875rem}.score-adj-btn{border:1px solid var(--btn-border);background:var(--btn-bg);min-width:2.5rem;height:2rem;color:var(--text-main);cursor:pointer;border-radius:.25rem;padding:0 .4rem;font-size:.75rem;font-weight:600}.score-adj-btn:active{background:#3f3f46}.score-under{color:#4ade80}.score-over{color:#f87171}.score-even{color:var(--text-main)}.scorecard-table{border-collapse:separate;border-spacing:0;min-width:100%}.scorecard-table th,.scorecard-table td{border-right:1px solid var(--btn-border);border-bottom:1px solid var(--btn-border);text-align:center;white-space:nowrap;padding:2px 5px}.scorecard-table th:first-child,.scorecard-table td:first-child{border-left:1px solid var(--btn-border)}.scorecard-table .hole-score-cell{width:2rem;min-width:2rem}.scorecard-table thead th{background:var(--card-bg);color:var(--text-dim);border-top:1px solid var(--btn-border)}.scorecard-table .player-name-cell{text-align:left;background:var(--card-bg);color:var(--text-main);text-overflow:ellipsis;z-index:1;max-width:7rem;font-weight:600;position:sticky;left:0;overflow:hidden}.scorecard-table .total-cell{background:var(--card-bg);z-index:1;box-shadow:-1px 0 0 0 var(--btn-border);font-weight:700;position:sticky;right:0}.scorecard-table .birdie{color:#d4d4d8;background:#1d7942}.scorecard-table .eagle{color:#d4d4d8;background:#315c95}.scorecard-table .bogey{color:#d4d4d8;background:#a21010}.scorecard-table .double-bogey{color:#d4d4d8;background:#6b1ca9}.scorecard-table .triple-bogey{color:#d4d4d8;background:#683915}.scorecard-table .par-cell{color:#d4d4d8}.scorecard-table .empty-cell{color:#52525b}.ldr-total{font-size:1rem;font-weight:700}
.golf-title{color:#4ade80}.btn-xs{cursor:pointer;background:0 0;border-width:1px;border-radius:.25rem;padding:.15rem .5rem;font-size:.7rem}.new-round-btn{cursor:pointer;background:0 0;border-width:1px;border-radius:.25rem;height:35px;padding:.15rem .5rem;font-size:14px}.hole-btn{border:1px solid var(--btn-border);background:var(--btn-bg);width:2.5rem;height:2.5rem;color:var(--text-dim);cursor:pointer;border-radius:.25rem;justify-content:center;align-items:center;font-size:1rem;display:flex}.hole-btn.active{color:#fff;background:#166534;border-color:#4ade80;font-weight:700}.hole-btn.played{color:#d4d4d8;border-color:#52525b}.hole-btn.complete{color:#d4d4d8;border-color:#16a34a}.hole-par-select{height:2rem}.score-select{background:var(--btn-bg);border:1px solid var(--btn-border);height:2rem;color:var(--text-main);cursor:pointer;border-radius:.25rem;padding:.25rem .5rem;font-size:.875rem}.score-adj-btn{border:1px solid var(--btn-border);background:var(--btn-bg);min-width:2.5rem;height:2rem;color:var(--text-main);cursor:pointer;border-radius:.25rem;padding:0 .4rem;font-size:.75rem;font-weight:600}.score-adj-btn:active{background:#3f3f46}.score-under{color:#4ade80}.score-over{color:#f87171}.score-even{color:var(--text-main)}.scorecard-table{border-collapse:separate;border-spacing:0;min-width:100%}.scorecard-table th,.scorecard-table td{border-right:1px solid var(--btn-border);border-bottom:1px solid var(--btn-border);text-align:center;white-space:nowrap;padding:2px 5px}.scorecard-table th:first-child,.scorecard-table td:first-child{border-left:1px solid var(--btn-border)}.scorecard-table .hole-score-cell{width:2rem;min-width:2rem}.scorecard-table thead th{background:var(--card-bg);color:var(--text-dim);border-top:1px solid var(--btn-border)}.scorecard-table .player-name-cell{text-align:left;background:var(--card-bg);color:var(--text-main);text-overflow:ellipsis;z-index:1;max-width:7rem;font-weight:600;position:sticky;left:0;overflow:hidden}.scorecard-table .total-cell{background:var(--card-bg);z-index:1;box-shadow:-1px 0 0 0 var(--btn-border);font-weight:700;position:sticky;right:0}.scorecard-table .birdie{color:#d4d4d8;background:#1d7942}.scorecard-table .eagle{color:#d4d4d8;background:#315c95}.scorecard-table .bogey{color:#d4d4d8;background:#a21010}.scorecard-table .double-bogey{color:#d4d4d8;background:#6b1ca9}.scorecard-table .triple-bogey{color:#d4d4d8;background:#683915}.scorecard-table .par-cell{color:#d4d4d8}.scorecard-table .empty-cell{color:#52525b}.ldr-total{font-size:1rem;font-weight:700}
Moblin/RemoteControl/Web/js/golf.mjs
+1 -1
View File
File diff suppressed because one or more lines are too long
WebRemoteControlFrontend/src/css/golf.css
+5
View File
@@ -52,8 +52,13 @@
color: #d4d4d8;
}
.hole-par-select {
height: 2rem;
}
.score-select {
background: var(--btn-bg);
height: 2rem;
border: 1px solid var(--btn-border);
border-radius: 0.25rem;
color: var(--text-main);
WebRemoteControlFrontend/src/golf.tsx
+1 -1
View File
@@ -326,7 +326,7 @@ function App() {
<span class="text-xs text-zinc-500">Par</span>
<select
value={String(state.pars[state.currentHole] ?? 4)}
class="bg-zinc-800 border border-zinc-700 rounded px-2 py-1 text-sm"
class="bg-zinc-800 border border-zinc-700 rounded px-2 py-1 text-sm hole-par-select"
onChange={(event) => changeCurrentPar(parseInt(event.target.value))}
>
<For each={HOLE_PARS}>