profectus/TMT-Demo
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fixed game over screen graphical issues

Browse source
This commit is contained in:
thepaperpilot 2022-02-27 16:55:43 -06:00
parent c9d3613d64
commit 53d4c40aba
2 changed files with 10 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/components/GameOverScreen.vue
View file

@ -19,11 +19,12 @@
</div> </div>
<br /> <br />
<div> <div>
<a :href="discordLink"> <a :href="discordLink" class="game-over-modal-discord-link">
<span class="material-icons game-over-modal-discord">discord</span> <span class="material-icons game-over-modal-discord">discord</span>
{{ discordName }} {{ discordName }}
</a> </a>
</div> </div>
<Toggle title="Autosave" v-model="autosave" />
</div> </div>
</template> </template>
<template v-slot:footer> <template v-slot:footer>
@ -42,12 +43,14 @@ import modInfo from "@/data/modInfo.json";
import player from "@/game/player"; import player from "@/game/player";
import { formatTime } from "@/util/bignum"; import { formatTime } from "@/util/bignum";
import { loadSave, newSave } from "@/util/save"; import { loadSave, newSave } from "@/util/save";
import { computed } from "vue"; import { computed, toRef } from "vue";
import Toggle from "./fields/Toggle.vue";
const { title, logo, discordName, discordLink, versionNumber, versionTitle } = modInfo; const { title, logo, discordName, discordLink, versionNumber, versionTitle } = modInfo;
const timePlayed = computed(() => formatTime(player.timePlayed)); const timePlayed = computed(() => formatTime(player.timePlayed));
const isOpen = computed(() => hasWon.value && !player.keepGoing); const isOpen = computed(() => hasWon.value && !player.keepGoing);
const autosave = toRef(player, "autosave");
function keepGoing() { function keepGoing() {
player.keepGoing = true; player.keepGoing = true;
@ -60,9 +63,11 @@ function playAgain() {
<style scoped> <style scoped>
.game-over-modal-header { .game-over-modal-header {
display: flex;
margin: -20px; margin: -20px;
margin-bottom: 0; margin-bottom: 0;
background: var(--raised-background); background: var(--raised-background);
align-items: center;
} }
.game-over-modal-header * { .game-over-modal-header * {
@ -75,6 +80,8 @@ function playAgain() {
} }
.game-over-modal-title { .game-over-modal-title {
display: flex;
flex-direction: column;
padding: 10px 0; padding: 10px 0;
margin-left: 10px; margin-left: 10px;
} }
@ -94,7 +101,6 @@ function playAgain() {
} }
.game-over-modal-discord { .game-over-modal-discord {
height: 2em;
margin: 0; margin: 0;
margin-right: 4px; margin-right: 4px;
} }

2
src/data/mod.tsx
View file

@ -108,7 +108,7 @@ export const getInitialLayers = (
): Array<GenericLayer> => [main, f, c, a]; ): Array<GenericLayer> => [main, f, c, a];
export const hasWon = computed(() => { export const hasWon = computed(() => {
return false; return Decimal.gt(main.points.value, 25);
}); });
/* eslint-disable @typescript-eslint/no-unused-vars */ /* eslint-disable @typescript-eslint/no-unused-vars */