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>
|
</div>
|
||||||
</DialogContent>
|
</DialogContent>
|
||||||
</Dialog>
|
</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>
|
||||||
</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>
|
</div>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue