refactor: scope knewave font to Logo

This commit is contained in:
Your Name
2026-04-10 15:36:13 +05:30
parent c82e59d61d
commit 3898cb5726
2 changed files with 9 additions and 8 deletions
+9 -7
View File
@@ -2,13 +2,15 @@ import { DotIcon } from "@phosphor-icons/react"
import "@fontsource/knewave"
export default function Logo() {
return (
<div className="flex items-baseline leading-none align-baseline">
<span className="text-2xl font-light font-logo text-accent">&nbsp;Pi</span>
<DotIcon weight="fill" size={12} className="text-accent translate-y-px" />
<span className="text-2xl font-light font-logo text-accent ml-0.5">Ku</span>
<DotIcon weight="fill" size={12} className="text-accent translate-y-px" />
</div>
<span
className="inline-flex items-baseline justify-center leading-none select-none"
style={{ fontFamily: "'Knewave', serif" }}
>
<span className="text-2xl font-light text-accent">Pi</span>
<DotIcon weight="fill" size={12} className="text-accent translate-y-[0.3em] -mx-px" />
<span className="text-2xl font-light text-accent">Ku</span>
<DotIcon weight="fill" size={12} className="text-accent translate-y-[0.3em] -mx-px" />
</span>
);
}