25 lines
1.2 KiB
HTML
25 lines
1.2 KiB
HTML
{% load static i18n %}
|
|
<div id="noteModal" class="fixed inset-0 z-50 hidden" role="dialog" aria-labelledby="noteModalLabel" aria-modal="true">
|
|
<!-- Backdrop -->
|
|
<div class="fixed inset-0 bg-black/50 backdrop-blur-sm transition-opacity" onclick="closeModal('noteModal')"></div>
|
|
|
|
<!-- Modal Content -->
|
|
<div class="fixed inset-0 flex items-center justify-center p-4 pointer-events-none">
|
|
<div class="bg-white border border-gray-200 rounded-xl shadow-lg w-full max-w-4xl max-h-[90vh] overflow-hidden pointer-events-auto flex flex-col">
|
|
<!-- Header -->
|
|
<div class="flex justify-between items-center px-6 py-4 border-b border-gray-200">
|
|
<h5 class="text-lg font-bold text-temple-dark" id="noteModalLabel">
|
|
<i data-lucide="sticky-note" class="w-5 h-5 inline mr-2"></i>{% trans "Add Note" %}
|
|
</h5>
|
|
<button type="button" class="text-gray-400 hover:text-gray-600 transition p-1" onclick="closeModal('noteModal')" aria-label="{% trans 'Close' %}">
|
|
<i data-lucide="x" class="w-5 h-5"></i>
|
|
</button>
|
|
</div>
|
|
<!-- Body -->
|
|
<div class="notemodal flex-1 overflow-y-auto p-6">
|
|
<!-- Content will be loaded via HTMX -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|