diff options
| author |  Joe Banks <[email protected]> | 2024-08-17 15:37:20 +0100 |
|---|---|---|
| committer | Joe Banks <[email protected]> | 2024-08-17 15:37:20 +0100 |
| commit | d70c4498caa95fcbd60ef222bdf4914dd914ecf9 (patch) | |
| tree | ca19c10017c7ab76cf68a8bb8823c683630e6c40 | |
| parent | Add design system page to demo all components (diff) | |
Fix footer centering
| -rw-r--r-- | thallium-frontend/src/App.tsx | 10 |
1 files changed, 8 insertions, 2 deletions
diff --git a/thallium-frontend/src/App.tsx b/thallium-frontend/src/App.tsx index d9b0502..b3a1fdd 100644 --- a/thallium-frontend/src/App.tsx +++ b/thallium-frontend/src/App.tsx @@ -53,6 +53,12 @@ const ContentContainer = styled.div` padding: 1rem; `; +const FooterHolder = styled.footer` + display: flex; + justify-content: center; + align-items: center; +`; + const router = createBrowserRouter([ { path: "/", @@ -90,11 +96,11 @@ function App() { <BodySeparator /> - <div> + <FooterHolder> <p> Made with <span role="img" aria-label="aliens">👾</span> by Owl Corp • Thallium {VITE_APP_VERSION} ({VITE_COMMIT_HASH}) </p> - </div> + </FooterHolder> </AppContainer> </ThemeProvider> ); |