Move Style entry to pet portrait and drop it from bottom nav.
Add a palette shortcut on the habitat LCD and keep customize at /customize.
This commit is contained in:
25
components/pet/pet-style-link.tsx
Normal file
25
components/pet/pet-style-link.tsx
Normal file
@@ -0,0 +1,25 @@
|
||||
import Link from "next/link";
|
||||
import { Palette } from "lucide-react";
|
||||
|
||||
import { routes } from "@/lib/routes";
|
||||
import { cn } from "@/lib/utils";
|
||||
|
||||
type PetStyleLinkProps = {
|
||||
className?: string;
|
||||
};
|
||||
|
||||
export function PetStyleLink({ className }: PetStyleLinkProps) {
|
||||
return (
|
||||
<Link
|
||||
href={routes.customize}
|
||||
aria-label="Customize pet style"
|
||||
title="Style"
|
||||
className={cn(
|
||||
"flex shrink-0 items-center justify-center border-2 border-border bg-card/90 p-2 shadow-[var(--retro-shadow-sm)] transition-transform hover:-translate-y-0.5 hover:border-primary/60",
|
||||
className,
|
||||
)}
|
||||
>
|
||||
<Palette aria-hidden="true" className="size-5" strokeWidth={2.5} />
|
||||
</Link>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user