style: questions header styling op learningobject
This commit is contained in:
		
							parent
							
								
									f3690902d1
								
							
						
					
					
						commit
						c7a70f901e
					
				
					 1 changed files with 27 additions and 8 deletions
				
			
		|  | @ -370,20 +370,39 @@ | |||
|             :query-result="getQuestionsQuery" | ||||
|             v-slot="questionsResponse: { data: QuestionsResponse }" | ||||
|         > | ||||
|             <p> | ||||
|         <v-divider :thickness="6"></v-divider> | ||||
|             <div class="question-header"> | ||||
|                 <span class="question-title">Questions</span> | ||||
|                 <span class="discussion-link-text"> | ||||
|                     View questions in  | ||||
|                     <router-link | ||||
|                         :to=discussionLink | ||||
|                     > | ||||
|                         discussions | ||||
|                     </router-link> | ||||
|             </p> | ||||
|                 </span> | ||||
|             </div> | ||||
|              | ||||
|             <QandA :questions="(questionsResponse.data.questions as QuestionDTO[]) ?? []" /> | ||||
|         </using-query-result> | ||||
|     </using-query-result> | ||||
| </template> | ||||
| 
 | ||||
| <style scoped> | ||||
|     .question-title { | ||||
|         color: #0e6942; | ||||
|         text-transform: uppercase; | ||||
|         font-weight: bolder; | ||||
|         font-size: 32px; | ||||
|     } | ||||
|     .discussion-link-text { | ||||
|         font-size: 24px; | ||||
|     } | ||||
|     .question-header { | ||||
|         display: flex; | ||||
|         justify-content: space-between; | ||||
|         padding: 10px; | ||||
|     } | ||||
|     .learning-path-title { | ||||
|         white-space: normal; | ||||
|     } | ||||
|  |  | |||
		Reference in a new issue
	
	 Timo De Meyst
						Timo De Meyst