chore: consistent padding
This commit is contained in:
parent
e2dead5ccc
commit
84524a093f
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<responsive-grid>
|
<responsive-grid class="pb-20">
|
||||||
<apprentice-button
|
<apprentice-button
|
||||||
v-for="(process, index) in unlocked"
|
v-for="(process, index) in unlocked"
|
||||||
:key="`${index}-${process.workerLevel}`"
|
:key="`${index}-${process.workerLevel}`"
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="missions grid">
|
<div class="missions pb-20">
|
||||||
<responsive-grid v-if="incomplete.length">
|
<responsive-grid v-if="incomplete.length">
|
||||||
<mission-button
|
<mission-button
|
||||||
v-for="(mission, index) in incomplete"
|
v-for="(mission, index) in incomplete"
|
||||||
|
@ -87,10 +87,15 @@ export default {
|
||||||
this.$store.commit('doPrestige')
|
this.$store.commit('doPrestige')
|
||||||
this.$store.commit('startGame')
|
this.$store.commit('startGame')
|
||||||
|
|
||||||
const message =
|
const message = this.$store.getters.missionIsCompleted(
|
||||||
'You are young-ish once again and back in the year 1400 with all your wisdom intact.' +
|
'Time Travel Precision'
|
||||||
'<br><br>' +
|
)
|
||||||
'Continue to explore the eras and unlock the secrets of time.'
|
? 'Having increased the precision of the time machine, you were able to bring your wisdom ' +
|
||||||
|
'to yourself as a child and get an earlier start on this next shot at life. You are now ' +
|
||||||
|
'in the year 1372, a young person with a full life ahead of yourself to explore the depths of time.'
|
||||||
|
: 'You are young-ish once again and back in the year 1400 with all your wisdom intact.' +
|
||||||
|
'<br><br>' +
|
||||||
|
'Continue to explore the eras and unlock the secrets of time.'
|
||||||
|
|
||||||
this.$store.commit('openModal', message)
|
this.$store.commit('openModal', message)
|
||||||
}
|
}
|
||||||
|
@ -102,9 +107,3 @@ export default {
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
.missions {
|
|
||||||
grid-template-rows: minmax(0, 1fr) auto auto;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="md:pt-4 pt-2 pb-16">
|
<div class="md:pt-4 pt-2 pb-20">
|
||||||
<div
|
<div
|
||||||
class="mana-bar relative mx-auto rounded-full overflow-hidden border-2"
|
class="mana-bar relative mx-auto rounded-full overflow-hidden border-2"
|
||||||
:class="`text-${$store.getters.activeTab.color} border-${$store.getters.activeTab.darkColor}`"
|
:class="`text-${$store.getters.activeTab.color} border-${$store.getters.activeTab.darkColor}`"
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="tab-content md:overflow-hidden">
|
<div class="tab-content md:overflow-hidden pb-20">
|
||||||
<div class="stats grid mb-4 mx-auto max-w-md">
|
<div class="stats grid mb-4 mx-auto max-w-md">
|
||||||
<span align="left"><b>Total spare time generated</b></span
|
<span align="left"><b>Total spare time generated</b></span
|
||||||
><span align="right">{{
|
><span align="right">{{
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<div class="pb-20">
|
||||||
<responsive-grid class="mb-4">
|
<responsive-grid class="mb-4">
|
||||||
<progress-button
|
<progress-button
|
||||||
v-for="(process, index) in uncreated"
|
v-for="(process, index) in uncreated"
|
||||||
|
@ -11,7 +11,7 @@
|
||||||
/>
|
/>
|
||||||
</responsive-grid>
|
</responsive-grid>
|
||||||
|
|
||||||
<responsive-grid class="pb-20" min="2" mid="3" max="5">
|
<responsive-grid min="2" mid="3" max="5">
|
||||||
<timekeeping-instrument
|
<timekeeping-instrument
|
||||||
v-for="(process, index) in created"
|
v-for="(process, index) in created"
|
||||||
:key="index"
|
:key="index"
|
||||||
|
|
Reference in New Issue