commit 0b06a4967ec866f54338f045da5213cf4c9857f2
parent 914e7bd12e1e540ad27fb2efd26c897de535d052
Author: brookjeynes <me@brookjeynes.dev>
Date: Sun, 14 Jun 2026 20:32:28 +1000
fix: nav list items not in a list
Signed-off-by: brookjeynes <me@brookjeynes.dev>
Diffstat:
2 files changed, 14 insertions(+), 8 deletions(-)
diff --git a/internal/server/ui/layouts/base/base.templ b/internal/server/ui/layouts/base/base.templ
@@ -4,9 +4,11 @@ templ Header() {
<header role="banner">
<a href="/">lyrics</a>
<nav aria-label="Primary navigation">
- <li><a href="/song/new">new song</a></li>
- <li><a href="/album/new">new album</a></li>
- <li><a href="/artist/new">new artist</a></li>
+ <ul>
+ <li><a href="/song/new">new song</a></li>
+ <li><a href="/album/new">new album</a></li>
+ <li><a href="/artist/new">new artist</a></li>
+ </ul>
</nav>
</header>
}
@@ -39,12 +41,12 @@ templ Base(params BaseParams) {
<title>{ params.Title }</title>
</head>
<body>
+ @Header()
<main>
- @Header()
<section class="toast-container"></section>
{ children... }
- @Footer()
</main>
+ @Footer()
</body>
<script>
initLucideIcons();
diff --git a/static/minimal.css b/static/minimal.css
@@ -213,9 +213,13 @@ header[role="banner"] {
}
nav {
- display: flex;
- gap: 15px;
- list-style: none;
+
+ ol,
+ ul {
+ display: flex;
+ gap: 15px;
+ list-style: none;
+ }
a {
text-decoration: none;
