fix: responsive footer

maelgangloff · Aug 23, 2024 · 46bdc3c · 46bdc3c
1 parent 154d564
commit 46bdc3c
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 12 deletions.
diff --git a/assets/App.tsx b/assets/App.tsx
@@ -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>

diff --git a/assets/components/search/DomainSearchBar.tsx b/assets/components/search/DomainSearchBar.tsx
@@ -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>
 }
diff --git a/translations/translations.pot b/translations/translations.pot
@@ -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 ${ "