ui: New button to expand resolution text in a large modal

This commit is contained in:
nemunaire 2023-03-12 11:31:02 +01:00
commit d2aa336bf2
2 changed files with 40 additions and 3 deletions

View file

@ -0,0 +1,26 @@
<script>
import {
Icon,
Modal,
ModalBody,
ModalHeader
} from 'sveltestrap';
const toggle = () => (open = !open);
export let exercice = null;
export let open = false;
export let resolution;
</script>
<Modal isOpen={open} {toggle} size="xl">
<ModalHeader {toggle} class="bg-success text-light">
<Icon name="laptop-fill" />
Solution du défi
{#if exercice}
: {exercice.title}
{/if}
</ModalHeader>
<ModalBody>
{@html resolution}
</ModalBody>
</Modal>