moon
/
soapbox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix link UX issue on linkfooter

This commit is contained in:
Justin 2022-06-27 11:52:05 -04:00
parent 9ddc999f2d
commit 97b752c00c
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app/soapbox/features/ui/components/link_footer.tsx
View File

@ -18,7 +18,9 @@ interface IFooterLink {
const FooterLink: React.FC<IFooterLink> = ({ children, className, ...rest }): JSX.Element => {
return (
<Link className={classNames('text-gray-400 hover:text-gray-500 hover:underline', className)} {...rest}>{children}</Link>
<div>
<Link className={classNames('text-gray-400 hover:text-gray-500 hover:underline', className)} {...rest}>{children}</Link>
</div>
);
};
@ -36,7 +38,7 @@ const LinkFooter: React.FC = (): JSX.Element => {
return (
<div className='space-y-2'>
<div className='flex flex-wrap items-center divide-x-dot'>
<div className='flex flex-wrap items-center divide-x-dot text-gray-400'>
{account && <>
{features.profileDirectory && (
<FooterLink to='/directory'><FormattedMessage id='navigation_bar.profile_directory' defaultMessage='Profile directory' /></FooterLink>