Trushy/Jeopardy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added Image with Multiple CHoice

Browse Source
This commit is contained in:
Jonas Kappa
2025-09-11 20:24:52 +02:00
parent 8ce77c1250
commit c1b44c081a
7 changed files with 141 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/lib/AudioMultipleChoiceQuestionComponent.svelte
View File

@@ -48,31 +48,10 @@
{#if showQuestion}
<div class="flex w-full grow-1 flex-wrap items-center justify-around gap-2">
{#each _choices as choice}
<div class="choiceCard {showAnswer && choice === answer ? 'answer' : ''}">
<div class="choiceCard {showAnswer && choice === answer ? 'choice-answer' : ''}">
{choice}
</div>
{/each}
</div>
{/if}
</div>
<style>
.choiceCard {
border: 1px solid black;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
height: fit-content;
padding: 32px;
/* font-size: larger;
font-weight: bold;
cursor: pointer; */
}
.answer {
background-color: rgb(87, 255, 87);
box-shadow: 0 0 20px 5px rgb(87, 255, 87);
border: 1px solid rgb(50, 141, 50);
}
</style>