gauvain/star-wars-wild-space
Private
Public Access
1
0
Fork 0
Code Activity

fix: Making the scoreBoard clearer

Browse Source
This commit is contained in:
gauvainboiche
2026-03-31 10:04:39 +02:00
parent e38997f154
commit fb63b1008e
4 changed files with 232 additions and 92 deletions
Download Patch File Download Diff File Expand all files Collapse all files

83
public/style.css
View File

@@ -276,8 +276,8 @@ body {
.scoreBoard {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 8px;
padding: 10px 12px;
border-radius: 14px;
@@ -287,6 +287,29 @@ body {
font-variant-numeric: tabular-nums;
}
.scoreBoardContent {
flex: 1;
display: flex;
flex-direction: column;
min-width: 0;
}
.scoreBoardRow {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}
.scoreBoardEcon {
display: flex;
flex-direction: column;
gap: 6px;
padding: 8px 0 0;
border-top: 1px solid rgba(255, 255, 255, 0.08);
margin-top: 8px;
}
.team-logo {
width: 54px;
height: 54px;
@@ -676,15 +699,6 @@ button:hover {
/* ── Team income summary ──────────────────────────────────────────────────── */
.econSummary {
display: flex;
flex-direction: column;
gap: 6px;
padding: 8px 12px;
font-family: "Courier New", Courier, monospace;
font-size: 12px;
}
.econSummaryTeam {
display: flex;
align-items: center;
@@ -700,10 +714,12 @@ button:hover {
justify-content: flex-start;
}
.econSummaryTeam--blue .econSummaryLabel { color: rgba(90, 200, 255, 0.85); }
.econSummaryTeam--blue .econSummaryVal { color: rgba(90, 200, 255, 1); font-weight: 700; }
.econSummaryTeam--red .econSummaryLabel { color: rgba(220, 75, 85, 0.85); }
.econSummaryTeam--red .econSummaryVal { color: rgba(220, 75, 85, 1); font-weight: 700; }
.econSummaryTeam--blue .econSummaryLabel { color: rgba(90, 200, 255, 0.85); font-size: 12px; }
.econSummaryTeam--blue .econSummaryVal { color: rgba(90, 200, 255, 1); font-weight: 700; font-size: 12px; }
.econSummaryTeam--red .econSummaryLabel { color: rgba(220, 75, 85, 0.85); font-size: 12px; }
.econSummaryTeam--red .econSummaryVal { color: rgba(220, 75, 85, 1); font-weight: 700; font-size: 12px; }
.econSummaryTeam--center { justify-content: center; }
.econSummarySep {
opacity: 0.3;
@@ -872,20 +888,29 @@ button:hover {
/* ── Element bonus section ────────────────────────────────────────────────── */
.elemBonusSection {
display: flex;
flex-direction: column;
gap: 6px;
padding: 8px 12px;
font-family: "Courier New", Courier, monospace;
font-size: 12px;
}
.elemBonusRow {
.elemBonusTotals {
display: flex;
align-items: center;
justify-content: center;
gap: 0;
padding: 8px 12px 4px;
font-family: "Courier New", Courier, monospace;
font-size: 12px;
flex-wrap: wrap;
row-gap: 4px;
}
.elemBonusEffective {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
border-top: 1px solid rgba(255, 255, 255, 0.06);
padding-top: 5px;
margin-top: 2px;
font-size: 11px;
font-family: "Courier New", Courier, monospace;
}
.elemBonusTeam {
@@ -919,16 +944,6 @@ button:hover {
margin: 0 6px;
}
.elemBonusDetail {
display: flex;
align-items: center;
gap: 6px;
border-top: 1px solid rgba(255, 255, 255, 0.06);
padding-top: 6px;
margin-top: 2px;
font-size: 11px;
}
.elemBonusDetailLabel {
opacity: 0.55;
}