feat: het wordt duidelijk gemaakt als er geen vragen zijn

This commit is contained in:
Timo De Meyst 2025-05-15 19:27:52 +02:00
parent 233d89b5bf
commit e6706d1750

View file

@ -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>