feat(templates): add defer to external scripts and improve button cursor styling

Add defer to external script tags for better async loading and add CSS rule to set cursor to pointer for enabled buttons.

- New Features:
  - None
- Enhancements:
  - Added `defer` attribute to htmx, SortableJS, Chart.js, easymde, and Quill scripts.
  - Added `button:not(:disabled) { cursor: pointer; }` CSS rule.
- Bug Fixes:
  - None
This commit is contained in:
sankalp committed 2026-05-28 00:53:46 +05:45
1 parent 36e45d7528
commit 7f99d55252
1 file changed
+6 -5
+6 -5
View File
@@ -5,17 +5,18 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{% block title %}ProMan{% endblock %}</title>
<script src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js" defer></script>
<script src="https://unpkg.com/htmx.org@1.9.12"></script>
<script src="https://cdn.jsdelivr.net/npm/sortablejs@1.15.0/Sortable.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js"></script>
<script src="https://unpkg.com/htmx.org@1.9.12" defer></script>
<script src="https://cdn.jsdelivr.net/npm/sortablejs@1.15.0/Sortable.min.js" defer></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js" defer></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/easymde@2.18.0/dist/easymde.min.css">
<script src="https://cdn.jsdelivr.net/npm/easymde@2.18.0/dist/easymde.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/easymde@2.18.0/dist/easymde.min.js" defer></script>
<link href="https://cdn.jsdelivr.net/npm/quill@2.0.2/dist/quill.snow.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/quill@2.0.2/dist/quill.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/quill@2.0.2/dist/quill.min.js" defer></script>
{% load static tailwind_cli %}
{% tailwind_css %}
<style>
[x-cloak] { display: none !important; }
button:not(:disabled) { cursor: pointer; }
.border-subtle { border-color: rgba(0,0,0,0.06); }
.border-soft { border-color: rgba(0,0,0,0.10); }