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,8 +87,13 @@ 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'
 | 
				
			||||||
 | 
					        )
 | 
				
			||||||
 | 
					          ? '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>' +
 | 
					            '<br><br>' +
 | 
				
			||||||
            'Continue to explore the eras and unlock the secrets of time.'
 | 
					            'Continue to explore the eras and unlock the secrets of time.'
 | 
				
			||||||
 | 
					
 | 
				
			||||||
| 
						 | 
					@ -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