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

style: single question style update

Browse source
This commit is contained in:
Timo De Meyst 2025-05-13 00:38:55 +02:00
parent c7a70f901e
commit e61f47a889
1 changed files with 19 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

20
frontend/src/components/SingleQuestion.vue
View file

@ -103,7 +103,7 @@
<button <button
v-if="answersResponse.data.answers && answersResponse.data.answers.length > 0" v-if="answersResponse.data.answers && answersResponse.data.answers.length > 0"
@click="toggle()" @click="toggle()"
class="text-blue-600 hover:underline text-sm" class="toggle-answers-btn"
> >
{{ expanded ? "Hide Answers" : "Show Answers" }} {{ expanded ? "Hide Answers" : "Show Answers" }}
</button> </button>
@ -144,6 +144,24 @@
</div> </div>
</template> </template>
<style scoped> <style scoped>
.toggle-answers-btn {
font-size: 0.875rem;
text-decoration: none;
background-color: #f0f4ff; /* subtle blue background */
border: none;
border-radius: 4px;
padding: 6px 12px;
cursor: pointer;
transition: background-color 0.2s ease;
}
.toggle-answers-btn:hover {
background-color: #e0eaff; /* slightly darker on hover */
text-decoration: underline;
}
.answer-input-container {
margin: 5px;
}
.answer-input { .answer-input {
flex-grow: 1; flex-grow: 1;
outline: none; outline: none;