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:
parent
c5f409c6a6
commit
1dea9c874e
1 changed files with 8 additions and 11 deletions
|
|
@ -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>
|
||||
);
|
||||
};
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue