thepaperpilot/Advent-Incremental
1
0
Fork 0
mirror of https://github.com/thepaperpilot/Advent-Incremental.git synced 2025-01-18 11:41:28 +00:00
Code Issues Releases Activity Actions

Decoration effect display

Browse source
This commit is contained in:
thepaperpilot 2022-12-19 19:39:11 -06:00
parent 129cbcd200
commit f7666fcd05
7 changed files with 38 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/data/layers/boxes.tsx
View file

@ -685,7 +685,11 @@ const layer = createLayer(id, function (this: BaseLayer) {
<Spacer />
{masteryEffectActive.value ? (
<>
Decoration effect: Effective boxes buyables' levels are squared
<div class="decoration-effect">
Decoration effect:
<br />
Effective boxes buyables' levels are squared
</div>
<Spacer />
</>
) : null}

6
src/data/layers/coal.tsx
View file

@ -1068,7 +1068,11 @@ const layer = createLayer(id, function (this: BaseLayer) {
<Spacer />
{masteryEffectActive.value ? (
<>
Decoration effect: Small fires' price increases drastically slower
<div class="decoration-effect">
Decoration effect:
<br />
Small fires' price increases drastically slower
</div>
<Spacer />
</>
) : null}

8
src/data/layers/metal.tsx
View file

@ -716,8 +716,12 @@ const layer = createLayer(id, function (this: BaseLayer) {
<Spacer />
{masteryEffectActive.value ? (
<>
Decoration effect: The lesser of ore mining amount x speed and auto smelting
speed is increased to match the greater
<div class="decoration-effect">
Decoration effect:
<br />
The lesser of ore mining amount x speed and auto smelting speed is
increased to match the greater
</div>
<Spacer />
</>
) : null}

6
src/data/layers/paper.tsx
View file

@ -539,7 +539,11 @@ const layer = createLayer(id, function (this: BaseLayer) {
<Spacer />
{masteryEffectActive.value ? (
<>
Decoration effect: Pulp no longer requires ash
<div class="decoration-effect">
Decoration effect:
<br />
Pulp no longer requires ash
</div>
<Spacer />
</>
) : null}

6
src/data/layers/trees.tsx
View file

@ -885,7 +885,11 @@ const layer = createLayer(id, function (this: BaseLayer) {
<Spacer />
{masteryEffectActive.value ? (
<>
Decoration effect: Trees drop 2 saplings, and forest size increases log gain
<div class="decoration-effect">
Decoration effect:
<br />
Trees drop 2 saplings, and forest size increases log gain
</div>
<Spacer />
</>
) : null}

6
src/data/layers/workshop.tsx
View file

@ -371,7 +371,11 @@ const layer = createLayer(id, function (this: BaseLayer) {
<Spacer />
{masteryEffectActive.value ? (
<>
Decoration effect: Logs are just a requirement instead of a cost
<div class="decoration-effect">
Decoration effect:
<br />
Logs are just a requirement instead of a cost
</div>
<Spacer />
</>
) : null}

7
src/main.css
View file

@ -140,3 +140,10 @@ ul {
.unaffordable {
color: var(--danger);
}
.decoration-effect {
border: solid 8px rgba(0, 0, 255, .8);
padding: 4px;
border-image: repeating-linear-gradient(-45deg, rgb(255, 76, 76) 0 10px, rgb(255, 255, 255) 10px 20px, rgb(65, 255, 95) 20px 30px, rgb(255, 255, 255) 30px 40px, rgb(255, 76, 76) 40px 50px, rgb(255, 255, 255) 50px 60px, rgb(65, 255, 95) 60px 70px, rgb(255, 255, 255) 70px 80px ) 12/10px;
width: 576px;
}