Spaces:
Running
Running
File size: 2,172 Bytes
6918275 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 | <html>
<head>
<title>Document</title>
<script type="module">
import { store } from "/components/modals/markdown/markdown-store.js";
</script>
</head>
<body>
<div x-data>
<template x-if="$store.markdownModal">
<div x-create="$el.closest('.modal')?.querySelector('.modal-title') && ($el.closest('.modal').querySelector('.modal-title').textContent = $store.markdownModal.title)"
x-init="$store.markdownModal.onOpen()"
x-destroy="$store.markdownModal.cleanup()"
class="md-modal-root">
<div x-show="$store.markdownModal.error" class="md-modal-error">
<x-icon name="error"></x-icon>
<span x-text="$store.markdownModal.error"></span>
</div>
<div class="md-modal-body msg-content"
x-show="!$store.markdownModal.error && !$store.markdownModal.isAce"
x-html="$store.markdownModal.renderedHtml">
</div>
<div id="markdown-ace-viewer-container"
class="md-modal-ace no-scrollbar"
x-show="!$store.markdownModal.error && $store.markdownModal.isAce">
</div>
</div>
</template>
</div>
<div class="modal-footer" data-modal-footer>
<button class="btn btn-cancel" @click="window.closeModal?.()">Close</button>
</div>
<style>
.md-modal-root {
display: flex;
flex-direction: column;
width: 100%;
}
.md-modal-body {
padding: 1.25rem 1.5rem;
overflow-y: auto;
max-height: 72vh;
}
.md-modal-ace {
width: 100%;
height: 72vh;
border-radius: 0.4rem;
overflow: auto;
}
.md-modal-root {
overflow: hidden;
}
.md-modal-error {
display: flex;
align-items: center;
gap: 0.5rem;
color: var(--color-error, #e74c3c);
padding: 1rem 1.5rem;
}
</style>
</body>
</html>
|