thepaperpilot/Planar-Pioneers
1
0
Fork 0
mirror of https://github.com/thepaperpilot/Planar-Pioneers.git synced 2024-11-24 09:21:45 +00:00
Code Issues Releases Activity Actions

Change up nav bar

Browse source
This commit is contained in:
thepaperpilot 2023-04-28 00:14:40 -05:00
parent be9b837558
commit 78ca0c632c
1 changed files with 26 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
src/data/planes.tsx
View file

@ -168,11 +168,19 @@ export function createPlane(id: string, tier: Resources, seed: number) {
const resourceChange = computed(() => {
return 0;
});
const resourceProductionChange = computed(() => {
return 0;
});
const resourcePreview = createFormulaPreview(
Formula.variable(0).add(resource),
() => Decimal.neq(resourceChange.value, 0),
resourceChange
);
const resourceProductionPreview = createFormulaPreview(
Formula.variable(0).add(computedResourceGain),
() => Decimal.neq(resourceProductionChange.value, 0),
resourceProductionChange
);
return {
tier: persistent(tier),
@ -194,13 +202,7 @@ export function createPlane(id: string, tier: Resources, seed: number) {
<h2>{name}</h2>
</span>
<span class="nav-segment">
<h3>{tier}-tier</h3>
</span>
<span class="nav-segment">
<h3 style={`color: ${color}; text-shadow: 0px 0px 10px ${color};`}>
{render(resourcePreview)}
</h3>{" "}
{resource.displayName}
<h3>{tier}</h3>
</span>
<span class="nav-segment">
<button
@ -212,7 +214,23 @@ export function createPlane(id: string, tier: Resources, seed: number) {
</button>
</span>
</StickyVue>
<SpacerVue />
<StickyVue class="nav-container">
<span class="nav-segment">
<h3 style={`color: ${color}; text-shadow: 0px 0px 10px ${color};`}>
{render(resourcePreview)}
</h3>{" "}
{resource.displayName}
</span>
<span class="nav-segment">
(
<h3 style={`color: ${color}; text-shadow: 0px 0px 10px ${color};`}>
{Decimal.gt(computedResourceGain.value, 0) ? "+" : ""}
{render(resourceProductionPreview)}
</h3>
/s)
</span>
</StickyVue>
<SpacerVue height="50px" />
{features.map(row => renderRow(...row))}
{render(modifiersModal)}
</>