diff options
| author | seth <[email protected]> | 2023-05-24 05:36:17 -0400 |
|---|---|---|
| committer | seth <[email protected]> | 2023-05-24 05:36:17 -0400 |
| commit | cb58a18f0f32cce04d13cf2d10b33d7721eebe1e (patch) | |
| tree | 474bbf94ea75cdc6245a3442e6d7e76ecba0386f | |
| parent | 69aaed3e827e2326fab0401d4dbbf9b13ec63856 (diff) | |
components: fix ul in <nav>
| -rw-r--r-- | src/components/Nav.astro | 45 |
1 files changed, 21 insertions, 24 deletions
diff --git a/src/components/Nav.astro b/src/components/Nav.astro index ec560be..135027f 100644 --- a/src/components/Nav.astro +++ b/src/components/Nav.astro @@ -1,40 +1,37 @@ --- interface Links { - home: string, - blog: string, - forgejo: string, - grafana: string, - github: string, -}; + home: string; + blog: string; + forgejo: string; + grafana: string; + github: string; + hydra: string; + miniflux: string; +} const links: Links = { home: "/", blog: "/blog", forgejo: "https://git.mydadleft.me", grafana: "https://grafana.mydadleft.me", + hydra: "https://hydra.mydadleft.me", miniflux: "https://miniflux.mydadleft.me", github: "https://github.com/getchoo", }; --- <nav> - <div - class="flex flex-column align-center justify-center mx-auto p-5" - <ul - class="inline" - > - { - Object.entries(links).map(([link, url]) => ( - <li class="inline text-base p-2"> - <a href={url}>{link}</a> - </li> - )) - } + <div class="flex flex-column justify-center mx-auto p-5"> + <ul class="inline"> + { + Object.entries(links).map(([link, url]) => ( + <li class="inline text-base p-2"> + <a class="rounded-xl bg-yellow p-2" href={url}> + {link} + </a> + </li> + )) + } + </ul> </div> </nav> - -<style> - a { - @apply rounded-xl bg-yellow p-2; - } -</style> |