john/timekeeper
Archived
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

refactor: use multiple routes

Browse source
This commit is contained in:
pskfyi 2022-01-09 19:28:09 -08:00 • committed by pskfyi
commit 1d655da2ab
10 changed files with 219 additions and 230 deletions
Download patch file Download diff file Expand all files Collapse all files

33
components/ThirdTabContent.vue
View file

@ -1,33 +0,0 @@
<template>
<div class="tab-content grid md:overflow-hidden">
<template v-for="(mission, index) in $store.state.missions">
<progress-button
:key="index"
:label="mission.name"
:description="mission.description"
:max="mission.completionCriteria.cost"
:value="$store.state.currency"
/>
</template>
</div>
</template>
<style scoped>
.tab-content {
--columns: 1;
grid-template-columns: repeat(var(--columns), minmax(0, 1fr));
grid-gap: 1rem;
}
/* md */
@media (min-width: 768px) {
.tab-content {
--columns: 2;
}
}
/* 2xl */
@media (min-width: 1536px) {
.tab-content {
--columns: 3;
}
}
</style>