mirror of
https://github.com/Sonny93/my-links.git
synced 2025-12-09 15:05:35 +00:00
refactor: use tabs instead of spaces
This commit is contained in:
@@ -12,56 +12,56 @@ import WebsitePreview from '~/components/home/website_preview';
|
||||
import ContentLayout from '~/components/layouts/content_layout';
|
||||
|
||||
const PageContent = styled.div({
|
||||
marginBottom: '4em',
|
||||
textAlign: 'center',
|
||||
display: 'flex',
|
||||
gap: '2em',
|
||||
flex: 1,
|
||||
flexDirection: 'column',
|
||||
marginBottom: '4em',
|
||||
textAlign: 'center',
|
||||
display: 'flex',
|
||||
gap: '2em',
|
||||
flex: 1,
|
||||
flexDirection: 'column',
|
||||
});
|
||||
|
||||
function HomePage() {
|
||||
const { t } = useTranslation();
|
||||
return (
|
||||
<>
|
||||
<HeroHeader />
|
||||
<PageContent>
|
||||
<AboutList>
|
||||
<AboutItem
|
||||
icon={AiFillFolderOpen}
|
||||
title={t('about:collection.title')}
|
||||
text={t('about:collection.text')}
|
||||
/>
|
||||
<AboutItem
|
||||
icon={IoIosLink}
|
||||
title={t('about:link.title')}
|
||||
text={t('about:link.text')}
|
||||
/>
|
||||
<AboutItem
|
||||
icon={IoIosSearch}
|
||||
title={t('about:search.title')}
|
||||
text={t('about:search.text')}
|
||||
/>
|
||||
<AboutItem
|
||||
icon={IoExtensionPuzzleOutline}
|
||||
title={t('about:extension.title')}
|
||||
text={t('about:extension.text')}
|
||||
/>
|
||||
<AboutItem
|
||||
icon={IoIosShareAlt}
|
||||
title={t('about:share.title')}
|
||||
text={t('about:share.text')}
|
||||
/>
|
||||
<AboutItem
|
||||
icon={FaUser}
|
||||
title={t('about:contribute.title')}
|
||||
text={t('about:contribute.text')}
|
||||
/>
|
||||
</AboutList>
|
||||
<WebsitePreview />
|
||||
</PageContent>
|
||||
</>
|
||||
);
|
||||
const { t } = useTranslation();
|
||||
return (
|
||||
<>
|
||||
<HeroHeader />
|
||||
<PageContent>
|
||||
<AboutList>
|
||||
<AboutItem
|
||||
icon={AiFillFolderOpen}
|
||||
title={t('about:collection.title')}
|
||||
text={t('about:collection.text')}
|
||||
/>
|
||||
<AboutItem
|
||||
icon={IoIosLink}
|
||||
title={t('about:link.title')}
|
||||
text={t('about:link.text')}
|
||||
/>
|
||||
<AboutItem
|
||||
icon={IoIosSearch}
|
||||
title={t('about:search.title')}
|
||||
text={t('about:search.text')}
|
||||
/>
|
||||
<AboutItem
|
||||
icon={IoExtensionPuzzleOutline}
|
||||
title={t('about:extension.title')}
|
||||
text={t('about:extension.text')}
|
||||
/>
|
||||
<AboutItem
|
||||
icon={IoIosShareAlt}
|
||||
title={t('about:share.title')}
|
||||
text={t('about:share.text')}
|
||||
/>
|
||||
<AboutItem
|
||||
icon={FaUser}
|
||||
title={t('about:contribute.title')}
|
||||
text={t('about:contribute.text')}
|
||||
/>
|
||||
</AboutList>
|
||||
<WebsitePreview />
|
||||
</PageContent>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
HomePage.layout = (page: ReactNode) => <ContentLayout children={page} />;
|
||||
|
||||
Reference in New Issue
Block a user