fix: flex footer links

This commit is contained in:
Vincent 2025-10-31 13:49:48 +01:00
parent c0b5c6766e
commit a6eec5cfee
No known key found for this signature in database
GPG Key ID: 056662E78D70E358

View File

@ -1,4 +1,4 @@
import {Button, ConfigProvider, FloatButton, Layout, Space, theme, Tooltip, Typography} from 'antd'
import {Button, ConfigProvider, Flex, FloatButton, Layout, theme, Tooltip, Typography} from 'antd'
import {Link, Navigate, Route, Routes, useLocation, useNavigate} from 'react-router-dom'
import TextPage from './pages/TextPage'
import DomainSearchPage from './pages/search/DomainSearchPage'
@ -116,7 +116,7 @@ export default function App(): React.ReactElement {
</div>
</Layout.Content>
<Layout.Footer style={{textAlign: 'center'}}>
<Space size='middle' wrap align='center'>
<Flex gap='middle' wrap justify='space-evenly'>
<Link to='/tos'><Button type='text'>{t`TOS`}</Button></Link>
<Link to='/privacy'><Button type='text'>{t`Privacy Policy`}</Button></Link>
<Link to='/faq'><Button type='text'>{t`FAQ`}</Button></Link>
@ -129,7 +129,7 @@ export default function App(): React.ReactElement {
>{t`Documentation`}
</Button>
</Typography.Link>
</Space>
</Flex>
<Typography.Paragraph style={{marginTop: '1em'}}>
{jt`${ProjectLink} is an open source project distributed under the ${LicenseLink} license.`}
</Typography.Paragraph>