fix: responsive footer

This commit is contained in:
Maël Gangloff
2024-08-23 22:24:11 +02:00
parent 154d5648eb
commit 46bdc3c730
3 changed files with 17 additions and 12 deletions

View File

@@ -40,7 +40,8 @@ export default function App() {
const contextValue = useMemo(() => ({
authenticated,
setIsAuthenticated
}), [authenticated, setIsAuthenticated]);
}), [authenticated, setIsAuthenticated])
useEffect(() => {
getUser().then(() => {
@@ -96,7 +97,7 @@ export default function App() {
</div>
</Layout.Content>
<Layout.Footer style={{textAlign: 'center'}}>
<Space size='middle'>
<Space size='middle' wrap align='center'>
<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>

View File

@@ -8,7 +8,6 @@ export type FieldType = {
}
export function DomainSearchBar({onFinish}: { onFinish: (values: FieldType) => void }) {
return <Form
onFinish={onFinish}
autoComplete="off"
@@ -26,8 +25,13 @@ export function DomainSearchBar({onFinish}: { onFinish: (values: FieldType) => v
min: 2
}]}
>
<Input size="large" prefix={<SearchOutlined/>} placeholder="example.com" autoFocus={true}
autoComplete='off'/>
<Input style={{textAlign: 'center'}}
size="large"
prefix={<SearchOutlined/>}
placeholder="example.com"
autoComplete='off'
autoFocus
/>
</Form.Item>
</Form>
}

View File

@@ -12,7 +12,7 @@ msgstr ""
#: assets/components/LoginForm.tsx:62
#: assets/components/RegisterForm.tsx:41
#: assets/components/RegisterForm.tsx:49
#: assets/components/search/DomainSearchBar.tsx:21
#: assets/components/search/DomainSearchBar.tsx:20
#: assets/components/tracking/connector/ConnectorForm.tsx:43
#: assets/components/tracking/connector/ConnectorForm.tsx:69
#: assets/components/tracking/connector/ConnectorForm.tsx:77
@@ -52,7 +52,7 @@ msgstr ""
msgid "Entities"
msgstr ""
#: assets/components/search/DomainSearchBar.tsx:24
#: assets/components/search/DomainSearchBar.tsx:23
#: assets/components/tracking/watchlist/WatchlistForm.tsx:118
msgid "This domain name does not appear to be valid"
msgstr ""
@@ -1024,23 +1024,23 @@ msgid ""
"another"
msgstr ""
#: assets/App.tsx:100
#: assets/App.tsx:101
msgid "TOS"
msgstr ""
#: assets/App.tsx:101
#: assets/App.tsx:102
msgid "Privacy Policy"
msgstr ""
#: assets/App.tsx:102
#: assets/App.tsx:103
msgid "FAQ"
msgstr ""
#: assets/App.tsx:104
#: assets/App.tsx:105
msgid "Documentation"
msgstr ""
#: assets/App.tsx:107
#: assets/App.tsx:108
#, javascript-format
msgid ""
"${ ProjectLink } is an open source project distributed under the ${ "