henri/trictrac
1
1
Fork 0
Code Issues 10 Pull requests Projects 1 Releases Packages Wiki Activity Actions

feat(client_web): dice visual hints

Browse source
This commit is contained in:
Henri Bourcereau 2026-03-26 21:13:24 +01:00
parent b1645b84b6
commit 9b834092d1
7 changed files with 349 additions and 114 deletions
Download patch file Download diff file Expand all files Collapse all files

41
client_web/assets/style.css
View file

@ -56,6 +56,20 @@ input[type="text"] {
max-width: 900px;
}
.top-bar {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.quit-link {
font-size: 0.85rem;
color: #5a4a2a;
text-decoration: underline;
cursor: pointer;
}
/* ── Score panel ────────────────────────────────────────────────────── */
.score-panel {
display: flex;
@ -78,9 +92,36 @@ input[type="text"] {
font-weight: 500;
}
.dice { font-weight: bold; color: #2a4a8a; }
.dice-used { opacity: 0.35; text-decoration: line-through; }
.action-bar { display: flex; gap: 0.75rem; min-height: 2.5rem; }
/* ── Jan panel ──────────────────────────────────────────────────────── */
.jan-panel {
display: flex;
flex-direction: column;
gap: 2px;
background: #f5edd8;
border-radius: 6px;
padding: 0.4rem 1rem;
font-size: 0.9rem;
box-shadow: 0 1px 4px rgba(0,0,0,0.15);
min-width: 260px;
}
.jan-row {
display: flex;
justify-content: space-between;
gap: 1.5rem;
padding: 1px 0;
}
.jan-positive { color: #1a5c1a; }
.jan-negative { color: #8b1a1a; }
.jan-label { flex: 1; }
.jan-pts { font-weight: bold; text-align: right; min-width: 36px; }
/* ── Board ──────────────────────────────────────────────────────────── */
.board {
background: #2e6b2e;