feat: update mobile nav logo icon and change signup link to register

This commit is contained in:
Bart van der Braak 2024-01-30 00:12:02 +01:00
parent 9ef0e46f5f
commit c660963ab8
3 changed files with 3 additions and 35 deletions

View file

@ -24,7 +24,7 @@
<Sheet.Content side="right" class="pr-0"> <Sheet.Content side="right" class="pr-0">
<MobileLink href="/" class="flex items-center" bind:open> <MobileLink href="/" class="flex items-center" bind:open>
<span class="sr-only">Logo icon (return home)</span> <span class="sr-only">Logo icon (return home)</span>
<img src={Icons.logoIcon} class="mr-2 h-4 w-4" alt="icon of hellob.art" /> <Icons.logo />
<span class="font-mono font-bold tracking-tighter">{siteConfig.name}</span> <span class="font-mono font-bold tracking-tighter">{siteConfig.name}</span>
</MobileLink> </MobileLink>
<div class="my-4 h-[calc(100vh-8rem)] overflow-auto pl-1 pt-10"> <div class="my-4 h-[calc(100vh-8rem)] overflow-auto pl-1 pt-10">

View file

@ -1,12 +1,9 @@
<script lang="ts"> <script lang="ts">
import { Icons, ModeToggle, MainNav, MobileNav } from '$lib/components/site'; import { Icons, ModeToggle, MainNav, MobileNav } from '$lib/components/site';
import { siteConfig } from '$lib/config/site';
import { cn } from '$lib/utils';
import { buttonVariants } from '../ui/button';
</script> </script>
<header <header
class="sticky top-0 z-50 w-full border-b bg-background/95 shadow-sm backdrop-blur supports-[backdrop-filter]:bg-background/60" class="bg-background/95 supports-[backdrop-filter]:bg-background/60 sticky top-0 z-50 w-full border-b shadow-sm backdrop-blur"
> >
<div class="container flex h-14 items-center"> <div class="container flex h-14 items-center">
<a href="/" class="mr-6 flex items-center space-x-2"> <a href="/" class="mr-6 flex items-center space-x-2">
@ -16,34 +13,6 @@
<MainNav /> <MainNav />
<div class="flex flex-1 items-center justify-between space-x-2 sm:space-x-4 md:justify-end"> <div class="flex flex-1 items-center justify-between space-x-2 sm:space-x-4 md:justify-end">
<nav class="flex"> <nav class="flex">
<a href={siteConfig.links.gitHubProfile} target="_blank" rel="noopener noreferrer">
<div
class={cn(
buttonVariants({
size: 'sm',
variant: 'ghost'
}),
'h-9 w-9 px-0'
)}
>
<Icons.gitHub class="h-4 w-4" />
<span class="sr-only">GitHub</span>
</div>
</a>
<a href={siteConfig.links.linkedIn} target="_blank" rel="noreferrer">
<div
class={cn(
buttonVariants({
size: 'sm',
variant: 'ghost'
}),
'h-9 w-9 px-0'
)}
>
<Icons.linkedIn class="h-4 w-4" />
<span class="sr-only">LinkedIn</span>
</div>
</a>
<ModeToggle /> <ModeToggle />
</nav> </nav>
</div> </div>

View file

@ -12,7 +12,6 @@
<div class="links"> <div class="links">
<a href="/login">Log in</a> <a href="/login">Log in</a>
<p>or</p> <p>or</p>
<a href="/signup">Sign up</a> <a href="/register">Register</a>
</div> </div>
{/if} {/if}