feat: het wordt duidelijk gemaakt als er geen vragen zijn
This commit is contained in:
parent
233d89b5bf
commit
e6706d1750
1 changed files with 16 additions and 1 deletions
|
@ -9,12 +9,27 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="space-y-4">
|
<div class="space-y-4">
|
||||||
<div
|
<div
|
||||||
|
v-if="questions.length !=0"
|
||||||
v-for="question in questions"
|
v-for="question in questions"
|
||||||
:key="(question.sequenceNumber, question.content)"
|
:key="(question.sequenceNumber, question.content)"
|
||||||
class="border rounded-2xl p-4 shadow-sm bg-white"
|
class="border rounded-2xl p-4 shadow-sm bg-white"
|
||||||
>
|
>
|
||||||
<SingleQuestion :question="question"></SingleQuestion>
|
<SingleQuestion :question="question"></SingleQuestion>
|
||||||
</div>
|
</div>
|
||||||
|
<div v-else>
|
||||||
|
<p class="no-questions">No questions asked yet</p>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<style scoped></style>
|
<style scoped>
|
||||||
|
.no-questions {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
height: 40vh;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 18px;
|
||||||
|
color: #666;
|
||||||
|
padding: 0 20px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue