Modèle:Test1 : Différence entre versions
| [version non vérifiée] | [version vérifiée] |
| Ligne 1 : | Ligne 1 : | ||
{{#if:{{{button|}}}|<div class="button modal-trigger" data-modal="{{{name}}}">{{{button}}}</div>}} | {{#if:{{{button|}}}|<div class="button modal-trigger" data-modal="{{{name}}}">{{{button}}}</div>}} | ||
| − | <div class="modal" style="z-index: | + | <div class="modal" style="z-index: 110; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5);" data-modal="{{{name}}}"> |
| − | <div | + | <div style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #cbaa74; width: 24rem; border: 1px solid black; border-radius: 8px;"> |
<div style="display: flex; justify-content: space-between; align-items: flex-start;"> | <div style="display: flex; justify-content: space-between; align-items: flex-start;"> | ||
<div style="padding: 10px;">{{{title|}}}</div> | <div style="padding: 10px;">{{{title|}}}</div> | ||
| − | <div class="close-button"><span>×</span></div> | + | <div class="close-button" style="width: 40px; height: 40px; font-size: 32px; user-select: none; display: flex; align-items: center; justify-content: center; border-top-right-radius: 8px; cursor: pointer;"><span>×</span></div> |
</div> | </div> | ||
<div style="padding: 10px;"> | <div style="padding: 10px;"> | ||
