Fix button positioning

This commit is contained in:
gpt-engineer-app[bot]
2025-09-30 13:05:33 +00:00
parent 888b7e3acb
commit c2e271561a

View File

@@ -125,30 +125,36 @@ export default function Manufacturers() {
<main className="container mx-auto px-4 py-8">
{/* Page Header */}
<div className="mb-8">
<div className="flex items-center justify-between mb-4">
<div className="flex items-center gap-3">
<Factory className="w-10 h-10 text-primary" />
<h1 className="text-4xl font-bold">Manufacturers</h1>
</div>
<Button
onClick={() => {
if (!user) {
navigate('/auth');
} else {
setIsCreateModalOpen(true);
}
}}
className="gap-2"
>
<Plus className="w-4 h-4" />
Add Manufacturer
</Button>
<div className="flex items-center gap-3 mb-4">
<Factory className="w-8 h-8 text-primary" />
<h1 className="text-4xl font-bold">Manufacturers</h1>
</div>
<p className="text-lg text-muted-foreground">
<p className="text-lg text-muted-foreground mb-4">
Explore the manufacturers behind your favorite rides and attractions
</p>
<div className="flex items-center gap-2 mt-2">
<Badge variant="secondary">{filteredCompanies.length} manufacturers found</Badge>
<div className="flex items-center justify-between">
<div className="flex flex-wrap items-center gap-1.5 sm:gap-2">
<Badge variant="secondary" className="text-sm sm:text-base px-2 py-0.5 sm:px-3 sm:py-1">
{filteredCompanies.length} manufacturers
</Badge>
</div>
<div className="flex items-center gap-2">
<Button
onClick={() => {
if (!user) {
navigate('/auth');
} else {
setIsCreateModalOpen(true);
}
}}
className="gap-2"
>
<Plus className="w-4 h-4" />
Add Manufacturer
</Button>
</div>
</div>
</div>