tdpeuter/2025SELab2-project-Dwengo
tdpeuter/2025SELab2-project-Dwengo
1
Fork 0
Code Issues Releases 4 Packages 2 Wiki Activity

style: questions header styling op learningobject

Browse source
This commit is contained in:
Timo De Meyst 2025-05-13 00:29:03 +02:00
parent f3690902d1
commit c7a70f901e
1 changed files with 27 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

35
frontend/src/views/learning-paths/LearningPathPage.vue
View file

@ -370,20 +370,39 @@
:query-result="getQuestionsQuery"
v-slot="questionsResponse: { data: QuestionsResponse }"
>
<p>
View questions in
<router-link
:to=discussionLink
>
discussions
</router-link>
</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>
</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;
}