joseph/mythic-oracle
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: dice view readability and pool builder cleanup

Browse Source 
Remove d100 from the dice pool builder (percentile section is
unaffected). Switch die buttons, pool display, and result output
to JetBrains Mono for mechanical/numeric readability, and lay out
the pool builder buttons in a fixed 7-column grid to match the
remaining die count.
This commit is contained in:
claudecode
2026-07-01 00:29:18 -04:00
parent ec28933623
commit 40b0e21d9d
3 changed files with 10 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/css/styles.css
+8 -5
View File
@@ -662,7 +662,7 @@ h1, h2, h3, h4, h5, h6 {
.dice-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-columns: repeat(7, 1fr);
gap: 8px;
margin-bottom: 12px;
}
@@ -673,7 +673,7 @@ h1, h2, h3, h4, h5, h6 {
border-radius: 3px;
background: var(--bg);
color: var(--text-secondary);
font-family: var(--font-heading);
font-family: var(--font-mono);
font-size: 0.8rem;
letter-spacing: 0.08em;
text-align: center;
@@ -707,7 +707,7 @@ h1, h2, h3, h4, h5, h6 {
border: 1px solid var(--border);
border-radius: 3px;
background: var(--bg);
font-family: var(--font-heading);
font-family: var(--font-mono);
font-size: 0.95rem;
letter-spacing: 0.04em;
color: var(--accent);
@@ -735,6 +735,7 @@ h1, h2, h3, h4, h5, h6 {
.pool-result-groups {
width: 100%;
font-family: var(--font-mono);
font-style: italic;
font-size: 0.85rem;
color: var(--text-secondary);
@@ -746,7 +747,7 @@ h1, h2, h3, h4, h5, h6 {
}
.pool-group-type {
font-family: var(--font-heading);
font-family: var(--font-mono);
font-size: 0.68rem;
letter-spacing: 0.1em;
text-transform: uppercase;
@@ -809,11 +810,12 @@ h1, h2, h3, h4, h5, h6 {
border: 1px solid var(--border);
border-radius: 3px;
background: var(--bg);
font-family: var(--font-mono);
text-align: center;
}
.dice-total {
font-family: var(--font-heading);
font-family: var(--font-mono);
font-size: 2.2rem;
font-weight: 600;
color: var(--accent);
@@ -822,6 +824,7 @@ h1, h2, h3, h4, h5, h6 {
.dice-breakdown {
margin-top: 6px;
font-family: var(--font-mono);
font-style: italic;
font-size: 0.8rem;
color: var(--text-secondary);