shinuwa/sokko-g
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Refine RNG raw rate summary layout
All checks were successful
Deploy Sokko G / deploy (push) Successful in 17s
Details

Browse source
This commit is contained in:
Shinuwa 2026-09-05 15:52:31 +02:00
parent 06de3a3a6e
commit 1d278ff551
1 changed files with 15 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

16
website/src/styles/toolboxes/_rng-simulator.scss
View file

@ -56,7 +56,7 @@
.rng-simulator-rate-layout { .rng-simulator-rate-layout {
display: grid; display: grid;
grid-template-columns: minmax(220px, 0.9fr) minmax(260px, 1.3fr); grid-template-columns: minmax(260px, 2fr) minmax(160px, 1fr);
gap: var(--space-3); gap: var(--space-3);
align-items: start; align-items: start;
min-width: 0; min-width: 0;
@ -156,6 +156,7 @@
grid-template-columns: minmax(0, 1fr); grid-template-columns: minmax(0, 1fr);
gap: 8px; gap: 8px;
min-width: 0; min-width: 0;
align-self: stretch;
} }
.rng-simulator-active-summary > span, .rng-simulator-active-summary > span,
@ -171,6 +172,13 @@
background: rgba(5, 7, 17, 0.22); background: rgba(5, 7, 17, 0.22);
} }
.rng-simulator-active-summary > span {
place-content: center;
justify-items: center;
min-height: 100%;
text-align: center;
}
.rng-simulator-active-summary small, .rng-simulator-active-summary small,
.rng-simulator-table > span:nth-child(-n + 3), .rng-simulator-table > span:nth-child(-n + 3),
.rng-simulator-history-metrics small { .rng-simulator-history-metrics small {
@ -200,6 +208,12 @@
font-variant-numeric: tabular-nums; font-variant-numeric: tabular-nums;
} }
.rng-simulator-active-summary strong {
color: var(--color-accent-gold);
font-size: 24px;
line-height: 1;
}
.rng-simulator-rate-form .rng-simulator-form-actions { .rng-simulator-rate-form .rng-simulator-form-actions {
justify-content: flex-end; justify-content: flex-end;
} }