pomp/pompy.dev
1
0
Fork 0
Code Issues 8 Pull requests Activity Actions

feat(main): add home button to navbar

Browse source
This commit is contained in:
Kim, Jimin 2023-07-06 17:57:12 +09:00
parent 8140543351
commit af109d5589
1 changed files with 10 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

10
apps/main/src/components/Navbar.svelte
View file

@ -5,6 +5,16 @@
<nav <nav
class="mx-auto flex h-14 max-w-screen-mobile flex-col items-center justify-between px-4 xs:flex-row" class="mx-auto flex h-14 max-w-screen-mobile flex-col items-center justify-between px-4 xs:flex-row"
> >
<!-- only show home button when not in home -->
<a
href="/"
aria-current={$page.url.pathname === "/" ? "page" : undefined}
class="left-0"
style={$page.url.pathname === "/" ? "visibility: hidden;" : ""}
>
Home
</a>
<ul class="flex list-none gap-4 no-underline"> <ul class="flex list-none gap-4 no-underline">
<li aria-current={$page.url.pathname === "/" ? "page" : undefined}> <li aria-current={$page.url.pathname === "/" ? "page" : undefined}>
<a target="_blank" href="https://blog.developomp.com">Blog</a> <a target="_blank" href="https://blog.developomp.com">Blog</a>