More styling

This commit is contained in:
thepaperpilot 2023-02-18 21:06:10 -06:00
parent 608616c517
commit 22034b631a
2 changed files with 13 additions and 2 deletions

View file

@ -12,12 +12,22 @@
margin-right: 20px !important;
font-size: large;
border: solid 2px var(--bought);
padding: 4px;
padding: 0 4px;
border-radius: 4px;
font-size: 2em;
align-items: center;
}
.resource-box .material-icons {
margin-right: 6px;
font-size: 1em;
}
.resource-box img {
margin-right: 6px;
width: 1em;
transform: scale(2);
image-rendering: pixelated;
}
.reroll {

View file

@ -17,6 +17,7 @@ import coots from "../../public/Normal Coots.png";
import qt from "../../public/QT Coots.png";
import stanz from "../../public/Stanz Coots.png";
import vespa from "../../public/Vespa Coots.png";
import heart from "../../public/Heart.png";
import { createReset } from "features/reset";
export const characters: Record<string, CharacterInfo> = {
@ -113,7 +114,7 @@ export const main = createLayer("main", function (this: BaseLayer) {
{gold.value}
</div>
<div class="resource-box">
<span class="material-icons">favorite</span>
<img src={heart} />
{lives.value}
</div>
<div class="resource-box">