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

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

@ -370,20 +370,39 @@
:query-result="getQuestionsQuery" :query-result="getQuestionsQuery"
v-slot="questionsResponse: { data: QuestionsResponse }" 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 View questions in
<router-link <router-link
:to=discussionLink :to=discussionLink
> >
discussions discussions
</router-link> </router-link>
</p> </span>
</div>
<QandA :questions="(questionsResponse.data.questions as QuestionDTO[]) ?? []" /> <QandA :questions="(questionsResponse.data.questions as QuestionDTO[]) ?? []" />
</using-query-result> </using-query-result>
</using-query-result> </using-query-result>
</template> </template>
<style scoped> <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 { .learning-path-title {
white-space: normal; white-space: normal;
} }