ramon
/
vbv
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Use v-if

This commit is contained in:
Christian Cueni 2023-05-25 14:39:20 +02:00
parent abefe878da
commit 0c06a169bc
2 changed files with 3 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
client/src/pages/learningPath/circlePage/CirclePage.vue
View File

@ -142,7 +142,7 @@ onMounted(async () => {
{{ circleStore.circle?.title }} {{ circleStore.circle?.title }}
</h1> </h1>
<div class="mt-2" :class="{ hidden: !showDuration }"> <div v-if="showDuration" class="mt-2">
{{ $t("circlePage.duration") }}: {{ $t("circlePage.duration") }}:
{{ duration }} {{ duration }}
</div> </div>

7
client/src/pages/learningPath/circlePage/LearningSequence.vue
View File

@ -96,7 +96,7 @@ const learningSequenceBorderClass = computed(() => {
<h3 class="text-large font-semibold"> <h3 class="text-large font-semibold">
{{ learningSequence.title }} {{ learningSequence.title }}
</h3> </h3>
<div :class="{ hidden: learningSequence.minutes === 0 }"> <div v-if="learningSequence.minutes === 0">
{{ humanizeDuration(learningSequence.minutes) }} {{ humanizeDuration(learningSequence.minutes) }}
</div> </div>
</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 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="font-semibold">{{ learningUnit.title }}</div>
<div <div v-if="learningUnit.minutes === 0" class="whitespace-nowrap">
class="whitespace-nowrap"
:class="{ hidden: learningUnit.minutes === 0 }"
>
{{ humanizeDuration(learningUnit.minutes) }} {{ humanizeDuration(learningUnit.minutes) }}
</div> </div>
</div> </div>