@@ -18,8 +18,12 @@ if (!title) title = 'Astral Halo';
class="theme-border theme-card-bg fixed z-30 flex h-16 w-full items-center border-b-2"
>
<div id="nav-left" class="mr-auto flex w-fit">
- <Button id="site-name" href="/">
- <span class="text-xl font-bold">{title}</span>
+ <Button id="site-name" href="/" class="group">
+ <span class="text-xl font-bold duration-300 group-hover:opacity-0">{title}</span>
+ <Icon
+ name="material-symbols:home-rounded"
+ class="absolute text-3xl opacity-0 duration-300 group-hover:opacity-100"
+ />
</Button>
</div>
<div id="nav-center" class="m-auto flex w-fit max-md:hidden">