Implemented MediaComponent into other game mode

This commit is contained in:
Mawoka
2023-10-02 11:10:51 +02:00
parent beb72b2173
commit 28676787ea
+5 -5
View File
@@ -15,6 +15,7 @@ SPDX-License-Identifier: MPL-2.0
import { flip } from 'svelte/animate'; import { flip } from 'svelte/animate';
import BrownButton from '$lib/components/buttons/brown.svelte'; import BrownButton from '$lib/components/buttons/brown.svelte';
import { get_foreground_color } from '../helpers'; import { get_foreground_color } from '../helpers';
import MediaComponent from '$lib/editor/MediaComponent.svelte';
const { t } = getLocalization(); const { t } = getLocalization();
@@ -154,10 +155,9 @@ SPDX-License-Identifier: MPL-2.0
</h1> </h1>
{#if question.image !== null && game_mode !== 'kahoot'} {#if question.image !== null && game_mode !== 'kahoot'}
<div class="max-h-full"> <div class="max-h-full">
<img <MediaComponent
src="/api/v1/storage/download/{question.image}" src={question.image}
class="object-cover mx-auto mb-8 max-h-[90%]" css_classes="object-cover mx-auto mb-8 max-h-[90%]"
alt="Content for Question"
/> />
</div> </div>
{/if} {/if}
@@ -167,7 +167,7 @@ SPDX-License-Identifier: MPL-2.0
{#if question.type === QuizQuestionType.ABCD || question.type === QuizQuestionType.VOTING} {#if question.type === QuizQuestionType.ABCD || question.type === QuizQuestionType.VOTING}
<div class="w-full relative" style="height: {get_div_height()}%"> <div class="w-full relative" style="height: {get_div_height()}%">
<div <div
class="absolute top-0 bottom-0 left-0 right-0 m-auto rounded-full h-fit w-fit border-2 border-black shadow-2xl z-50" class="absolute top-0 bottom-0 left-0 right-0 m-auto rounded-full h-fit w-fit border-2 border-black shadow-2xl z-40"
> >
<CircularTimer <CircularTimer
bind:text={timer_res} bind:text={timer_res}