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:
1 file changed
+6
-5
+6
-5
@@ -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); }
|
||||
|
||||
Reference in new issue
Block a user