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> | ||||||
|  |  | ||||||
		Reference in a new issue
	
	 Timo De Meyst
						Timo De Meyst