Some minor fixes for mobile

This commit is contained in:
Julien Calixte
2023-08-09 11:00:16 +02:00
parent 768da3fb17
commit 126a9153a1
3 changed files with 13 additions and 3 deletions

View File

@@ -56,7 +56,11 @@ const binContainerWidth = computed(() => {
</ul>
</section>
<section class="done">
<h5> [{{ featuresDone.length }}]</h5>
<h5>
[{{ featuresDone.length
}}<template v-if="!isLive">/{{ step.blueBins }}</template
>]
</h5>
<div ref="binContainer">
<div
v-if="!isLive"
@@ -158,6 +162,13 @@ const binContainerWidth = computed(() => {
z-index: 0;
}
/* mobile screen */
@media only screen and (max-width: 750px) {
.blue-bin-container {
display: none;
}
}
.live {
text-align: center;
}

View File

@@ -29,7 +29,6 @@ onMounted(() => featureStore.initBoard(NUMBER_OF_FEATURES))
.features-steps {
display: flex;
gap: 1rem;
flex-wrap: wrap;
align-items: stretch;
margin: 0 1rem;
border: 3px solid var(--primary-color);