chore: consistent padding

This commit is contained in:
pskfyi 2022-01-15 00:56:54 -08:00 committed by pskfyi
parent e2dead5ccc
commit 84524a093f
5 changed files with 15 additions and 16 deletions

View File

@ -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}`"

View File

@ -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>

View File

@ -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}`"

View File

@ -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">{{

View File

@ -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"