diff --git a/react/src/pages/MainMenu/MainMenu.tsx b/react/src/pages/MainMenu/MainMenu.tsx index b5a2539d..572d8318 100644 --- a/react/src/pages/MainMenu/MainMenu.tsx +++ b/react/src/pages/MainMenu/MainMenu.tsx @@ -3,10 +3,9 @@ import { LoadingSpinner, InlineMessage, SectionHeader, - Icon, + Button, } from '@tacc/core-components'; import useAuthenticatedUser from '@hazmapper/hooks/user/useAuthenticatedUser'; -import { SystemSelect } from '@hazmapper/components/Systems'; import { ProjectListing } from '@hazmapper/components/Projects/ProjectListing'; import { Layout } from 'antd'; import styles from './layout.module.css'; @@ -44,6 +43,10 @@ const MainMenu = () => { justifyContent: 'space-between', display: 'flex', }; + + const contentStyle = { + alignContent: 'center' + } return (
@@ -52,9 +55,16 @@ const MainMenu = () => {
{userData.username}
+
+ +
{"Version 2.17"}
+
- {selectedSystem &&
Current system selected: {selectedSystem}
} - +
diff --git a/react/src/pages/MainMenu/layout.module.css b/react/src/pages/MainMenu/layout.module.css index 4f80eed0..16ed0244 100644 --- a/react/src/pages/MainMenu/layout.module.css +++ b/react/src/pages/MainMenu/layout.module.css @@ -4,10 +4,19 @@ width: 100vw; height: 100vh; } +.versionContainer { + display: flex; + flex-direction: column; + padding-bottom: 50px; + justify-content: center; + align-items: center; +} +.versionContainer img { + width: 250px; +} .userName { color: white; } - .logoContainer { display: flex; align-items: center; @@ -15,5 +24,5 @@ background-color: #f7f7f7; } .logoContainer img { - padding-left: 10px; + padding: 10px; }