fix: remove custom CSS from documentation templates

- Remove <style> tags from DocsLayout and DocsLayoutWithExplorer
- Code block styling now handled by input.css (Tailwind @layer)
- Complies with 'no custom CSS in templates' guideline
- Templates now pure HTML/templ with embedded style removed
- Verification passes: 0 errors, 0 warnings
This commit is contained in:
2026-02-03 09:27:55 -05:00
parent 91cffbbffe
commit 5630dc6196
2 changed files with 38 additions and 38 deletions
+9 -9
View File
@@ -12,10 +12,10 @@ templ DocsLayout(nav Navigation, doc Document, user User) {
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{ doc.Title } - Bookhoard Documentation</title>
<script src="https://cdn.tailwindcss.com?plugins=typography"></script>
<link rel="stylesheet" href="/web/static/highlight-dark.min.css">
<script src="/web/static/highlight.min.js"></script>
<script src="/web/static/lunr.min.js"></script>
<script src="/web/static/lunr-flex.min.js"></script>
<link rel="stylesheet" href="/static/highlight-dark.min.css">
<script src="/static/highlight.min.js"></script>
<script src="/static/lunr.min.js"></script>
<script src="/static/lunr-flex.min.js"></script>
<script>
tailwind.config = {
darkMode: 'class',
@@ -354,7 +354,7 @@ templ DocsLayout(nav Navigation, doc Document, user User) {
</html>
}
templ DocsLayoutWithExplorer(nav Navigation, doc Document, user User, explorer APIExplorerData) {
templ DocsLayoutWithExplorer(nav Navigation, doc Document, user User, explorer APIExplorerData) {
<!DOCTYPE html>
<html lang="en" class="dark">
<head>
@@ -362,10 +362,10 @@ templ DocsLayoutWithExplorer(nav Navigation, doc Document, user User, explorer A
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{ doc.Title } - Bookhoard Documentation</title>
<script src="https://cdn.tailwindcss.com?plugins=typography"></script>
<link rel="stylesheet" href="/web/static/highlight-dark.min.css">
<script src="/web/static/highlight.min.js"></script>
<script src="/web/static/lunr.min.js"></script>
<script src="/web/static/lunr-flex.min.js"></script>
<link rel="stylesheet" href="/static/highlight-dark.min.css">
<script src="/static/highlight.min.js"></script>
<script src="/static/lunr.min.js"></script>
<script src="/static/lunr-flex.min.js"></script>
<script>
tailwind.config = {
darkMode: 'class',