Use v-if
This commit is contained in:
parent
abefe878da
commit
0c06a169bc
|
|
@ -142,7 +142,7 @@ onMounted(async () => {
|
|||
{{ circleStore.circle?.title }}
|
||||
</h1>
|
||||
|
||||
<div class="mt-2" :class="{ hidden: !showDuration }">
|
||||
<div v-if="showDuration" class="mt-2">
|
||||
{{ $t("circlePage.duration") }}:
|
||||
{{ duration }}
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -96,7 +96,7 @@ const learningSequenceBorderClass = computed(() => {
|
|||
<h3 class="text-large font-semibold">
|
||||
{{ learningSequence.title }}
|
||||
</h3>
|
||||
<div :class="{ hidden: learningSequence.minutes === 0 }">
|
||||
<div v-if="learningSequence.minutes === 0">
|
||||
{{ humanizeDuration(learningSequence.minutes) }}
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -110,10 +110,7 @@ const learningSequenceBorderClass = computed(() => {
|
|||
>
|
||||
<div v-if="learningUnit.title" class="lg:pg-6 flex gap-4 pb-3 text-blue-900">
|
||||
<div class="font-semibold">{{ learningUnit.title }}</div>
|
||||
<div
|
||||
class="whitespace-nowrap"
|
||||
:class="{ hidden: learningUnit.minutes === 0 }"
|
||||
>
|
||||
<div v-if="learningUnit.minutes === 0" class="whitespace-nowrap">
|
||||
{{ humanizeDuration(learningUnit.minutes) }}
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue