julien/tps
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

💄 (feature step) all features in steps

Browse Source
This commit is contained in:
Julien Calixte
2023-07-22 11:13:05 +02:00
parent 2c73fa90e3
commit c36cc4c270
1 changed files with 13 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/FeatureStep.vue
View File

@@ -20,7 +20,11 @@ const hasFeaturesDone = computed(() => props.step.featuresInProgress.length > 0)
<section class="doing">
<h5>📝⌛</h5>
<ul v-if="hasFeaturesInProgress">
<li v-for="feature in step.featuresInProgress" :key="feature">
<li
v-for="feature in step.featuresInProgress"
:key="feature"
class="bin"
>
{{ feature }}
</li>
</ul>
@@ -28,14 +32,14 @@ const hasFeaturesDone = computed(() => props.step.featuresInProgress.length > 0)
<section class="done">
<h5>📝✅</h5>
<ul v-if="hasFeaturesDone">
<li v-for="feature in step.featuresDone" :key="feature">
<li v-for="feature in step.featuresDone" :key="feature" class="bin">
{{ feature }}
</li>
</ul>
<div
v-for="blueBucket in remainingBlueBuckets"
:key="blueBucket"
class="blue-bin"
class="bin blue-bin"
>
Blue bucket
</div>
@@ -67,7 +71,7 @@ const hasFeaturesDone = computed(() => props.step.featuresInProgress.length > 0)
text-align: center;
}
.blue-bin {
.bin {
margin-top: 1rem;
border: 3px solid var(--background-color);
height: 60px;
@@ -75,5 +79,10 @@ const hasFeaturesDone = computed(() => props.step.featuresInProgress.length > 0)
justify-content: center;
align-items: center;
}
.blue-bin {
background-color: var(--background-color);
color: white;
}
}
</style>