テンプレートにはModalの内容と、そのままだとうまく拡大しないのでスタイルを記述。
タイトルはModalImage(マクロで指定するtemplate名)にする。
------------------------
<style>
.tc-modal-wrapper {
display: flex;
align-items: center;
justify-content: center;
}
.tc-modal {
position: static;
width: auto;
max-width: 90vw;
max-height: 90vh;
}
.tc-modal-header {
display: none;
}
.tc-modal-body {
max-height: 100%;
}
.tc-modal-body p {
margin: 0;
}
.tc-modal-body img {
max-width: 100%;
max-height: calc(90vh - 90px); /* 100%だとはみ出してしまった */
}
</style>
{{$:/state/currentImage}}
------------------------