ui: New button to expand resolution text in a large modal
This commit is contained in:
parent
5427d3cbf1
commit
d2aa336bf2
2 changed files with 40 additions and 3 deletions
26
frontend/ui/src/lib/components/ResolutionModal.svelte
Normal file
26
frontend/ui/src/lib/components/ResolutionModal.svelte
Normal 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>
|
||||
Reference in a new issue