Consolidate theme radius/shadow props and make rounded utilities responsive
- Remove duplicate roundedness/shadowLevel props (keep radius/shadow) - Switch globals.css radius scale to proportional (square→pill works) - Replace rounded-full with rounded-md on theme-driven elements - Remove banner props from Navigation, drop publishing overlay Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -13,8 +13,6 @@ export type NavigationProps = {
|
||||
showCart: "yes" | "no";
|
||||
sticky: "yes" | "no";
|
||||
tone: "default" | "muted" | "inverse";
|
||||
bannerText: string;
|
||||
bannerTone: "default" | "accent" | "inverse";
|
||||
};
|
||||
|
||||
export function Navigation({
|
||||
@@ -25,8 +23,6 @@ export function Navigation({
|
||||
showCart,
|
||||
sticky,
|
||||
tone,
|
||||
bannerText,
|
||||
bannerTone,
|
||||
}: NavigationProps) {
|
||||
const [mobileOpen, setMobileOpen] = useState(false);
|
||||
const cart = useShopifyCart();
|
||||
@@ -38,14 +34,6 @@ export function Navigation({
|
||||
inverse: "bg-foreground text-background",
|
||||
};
|
||||
|
||||
const bannerToneClass: Record<NavigationProps["bannerTone"], string> = {
|
||||
default: "bg-muted text-foreground",
|
||||
accent: "bg-primary text-primary-foreground",
|
||||
inverse: "bg-foreground text-background",
|
||||
};
|
||||
|
||||
const hasBanner = typeof bannerText === "string" && bannerText.trim().length > 0;
|
||||
|
||||
return (
|
||||
<>
|
||||
<div
|
||||
@@ -54,13 +42,6 @@ export function Navigation({
|
||||
sticky === "yes" && "sticky top-0 z-40",
|
||||
)}
|
||||
>
|
||||
{hasBanner && (
|
||||
<div className={cn("w-full", bannerToneClass[bannerTone])}>
|
||||
<div className="container mx-auto max-w-7xl px-6 py-2 text-center text-xs tracking-wide md:text-sm">
|
||||
{bannerText}
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
<header
|
||||
className={cn(
|
||||
"w-full",
|
||||
|
||||
Reference in New Issue
Block a user