flockstr/app/(app)/_layout/Keystone.tsx
2023-10-15 11:44:15 -04:00

18 lines
610 B
TypeScript

import Link from "next/link";
import Logo from "@/assets/Logo";
export default function Keystone() {
return (
<div className="center hidden sm:flex">
<Link
href="/app"
className="center fixed h-[var(--header-height)] w-[var(--sidebar-closed-width)] gap-x-3 border-r text-primary hover:text-primary/80 xl:w-[var(--sidebar-open-width)] xl:justify-start xl:pl-5"
>
<Logo className="h-[30px] w-[30px]" />
<div className="font-condensed hidden text-xl font-semibold text-foreground xl:inline-flex">
Flockstr
</div>
</Link>
</div>
);
}