fix: dont break navbar logo with text tracking

- text tracking property moved to only navbar links to avoid messing
with logo formatting
This commit is contained in:
Youwen Wu 2024-05-05 21:14:52 -07:00
parent e53029c9e6
commit 50ee265305
Signed by: youwen5
GPG key ID: 865658ED1FE61EC3

View file

@ -26,9 +26,7 @@
}) })
</script> </script>
<nav <nav class="h-16 lg:h-24 bg-background bg-opacity-50 backdrop-blur-lg fixed w-full z-40 font-serif">
class="h-16 lg:h-24 bg-background bg-opacity-50 backdrop-blur-lg fixed w-full z-40 font-serif tracking-tight"
>
<div class="container mx-auto flex justify-between items-center h-full gap-6 overflow-x-auto"> <div class="container mx-auto flex justify-between items-center h-full gap-6 overflow-x-auto">
<Drawer /> <Drawer />
{#if current === 'blog'} {#if current === 'blog'}
@ -36,7 +34,7 @@
{:else} {:else}
<Name height="95%" href="/" /> <Name height="95%" href="/" />
{/if} {/if}
<div class="gap-4 lg:gap-14 justify-around align-middle hidden md:flex"> <div class="gap-4 lg:gap-14 justify-around align-middle hidden md:flex tracking-tight">
<a <a
href="/" href="/"
class="text-lg sm:text-xl md:text-2xl font-medium text-primary px-4 py-1 rounded-3xl hover:bg-zinc-300 dark:hover:bg-zinc-800 transition-colors duration-200" class="text-lg sm:text-xl md:text-2xl font-medium text-primary px-4 py-1 rounded-3xl hover:bg-zinc-300 dark:hover:bg-zinc-800 transition-colors duration-200"