mirror of
https://github.com/ramvignesh-b/pi-ku.git
synced 2026-05-04 15:56:56 +00:00
refactor: scope knewave font to Logo
This commit is contained in:
@@ -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"> 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>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user