Some minor fixes for mobile
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
||||
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user