thepaperpilot/Planar-Pioneers
1
0
Fork 0
mirror of https://github.com/thepaperpilot/Planar-Pioneers.git synced 2025-03-31 21:11:06 +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(() => { const resourceChange = computed(() => {
return 0; return 0;
}); });
const resourceProductionChange = computed(() => {
return 0;
});
const resourcePreview = createFormulaPreview( const resourcePreview = createFormulaPreview(
Formula.variable(0).add(resource), Formula.variable(0).add(resource),
() => Decimal.neq(resourceChange.value, 0), () => Decimal.neq(resourceChange.value, 0),
resourceChange resourceChange
); );
const resourceProductionPreview = createFormulaPreview(
Formula.variable(0).add(computedResourceGain),
() => Decimal.neq(resourceProductionChange.value, 0),
resourceProductionChange
);
return { return {
tier: persistent(tier), tier: persistent(tier),
@ -194,13 +202,7 @@ export function createPlane(id: string, tier: Resources, seed: number) {
<h2>{name}</h2> <h2>{name}</h2>
</span> </span>
<span class="nav-segment"> <span class="nav-segment">
<h3>{tier}-tier</h3> <h3>{tier}</h3>
</span>
<span class="nav-segment">
<h3 style={`color: ${color}; text-shadow: 0px 0px 10px ${color};`}>
{render(resourcePreview)}
</h3>{" "}
{resource.displayName}
</span> </span>
<span class="nav-segment"> <span class="nav-segment">
<button <button
@ -212,7 +214,23 @@ export function createPlane(id: string, tier: Resources, seed: number) {
</button> </button>
</span> </span>
</StickyVue> </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))} {features.map(row => renderRow(...row))}
{render(modifiersModal)} {render(modifiersModal)}
</> </>