mirror of
https://github.com/ramvignesh-b/pi-ku.git
synced 2026-05-04 08:56:52 +00:00
feat: add inline verion of logo
This commit is contained in:
@@ -1,11 +1,21 @@
|
|||||||
import { DotIcon } from "@phosphor-icons/react";
|
import { DotIcon } from "@phosphor-icons/react";
|
||||||
import "@fontsource/knewave/400.css";
|
import "@fontsource/knewave/400.css";
|
||||||
|
|
||||||
export default function Logo({ scale = 1 }) {
|
export default function Logo({ scale = 1, inline = false }) {
|
||||||
|
if (inline) {
|
||||||
|
// for span elements
|
||||||
|
return (
|
||||||
|
<span className={"text-accent font-serif italic"}>
|
||||||
|
Pi<span className="text-primary">.</span> Ku
|
||||||
|
<span className="text-primary">.</span>
|
||||||
|
</span>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div
|
<div
|
||||||
role="img"
|
role="img"
|
||||||
aria-label="Pi Ku"
|
aria-label="Pi. Ku. logo"
|
||||||
className="inline-flex items-baseline justify-center leading-none select-none"
|
className="inline-flex items-baseline justify-center leading-none select-none"
|
||||||
style={{ fontFamily: "'Knewave', serif", scale }}
|
style={{ fontFamily: "'Knewave', serif", scale }}
|
||||||
>
|
>
|
||||||
|
|||||||
Reference in New Issue
Block a user