Proper pre-loading and deps
This commit is contained in:
@ -10,12 +10,14 @@
|
||||
{{template "head" .}}
|
||||
</head>
|
||||
|
||||
<body class="block h-[100%]">
|
||||
<body class="block h-[100%]" hx-ext="preload">
|
||||
{{template "header" .}}
|
||||
|
||||
<main class="container flex flex-col items-center justify-center gap-3 sm:gap-6 p-4 text-center mx-auto min-h-[calc(100%-64px)]">
|
||||
{{template "main" .}}
|
||||
</main>
|
||||
<script src="/public/js/htmx.base.js"></script>
|
||||
<script src="/public/js/htmx.preload.js"></script>
|
||||
{{template "foot" .}}
|
||||
</body>
|
||||
</html>
|
||||
|
@ -42,7 +42,7 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-copy"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>
|
||||
</button>
|
||||
|
||||
<a href="/posts" class="btn btn-primary btn-outline">
|
||||
<a href="/posts" class="btn btn-primary btn-outline" preload="mouseover">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-undo-2"><path d="M9 14 4 9l5-5"/><path d="M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5v0a5.5 5.5 0 0 1-5.5 5.5H11"/></svg>
|
||||
Back
|
||||
</a>
|
||||
@ -52,6 +52,8 @@
|
||||
|
||||
</article>
|
||||
</main>
|
||||
<script src="/public/js/htmx.preload.js"></script>
|
||||
<script src="/public/js/htmx.base.js"></script>
|
||||
{{template "foot" .}}
|
||||
</body>
|
||||
</html>
|
||||
|
Reference in New Issue
Block a user