Center home button in share box

Center the home button below the share row, remove the surrounding box, and remove the text.
This commit is contained in:
gpt-engineer-app[bot] 2025-07-21 10:16:45 +00:00
parent c5f409c6a6
commit 1dea9c874e

View file

@ -204,19 +204,16 @@ const SocialShare: React.FC<SocialShareProps> = ({
</div>
</DialogContent>
</Dialog>
{/* Home button */}
<Button
variant="outline"
size="sm"
onClick={() => window.location.href = '/'}
className="flex items-center gap-2"
>
<Home className="w-4 h-4" />
<span className="hidden sm:inline">Home</span>
</Button>
</div>
</div>
{/* Centered Home Icon */}
<div className="flex justify-center mt-4">
<Home
className="w-6 h-6 text-muted-foreground hover:text-foreground cursor-pointer transition-colors"
onClick={() => window.location.href = '/'}
/>
</div>
</div>
);
};