Merge pull request #122 from radicalxdev/update/logo

updated marvel logo
marvelai-org · Aug 20, 2024 · f007233 · f007233
2 parents a2a4a75 + 49325ef
commit f007233
Show file tree

Hide file tree

Showing 3 changed files with 136 additions and 10 deletions.
diff --git a/frontend/assets/svg/MarvelAIFrame.svg b/frontend/assets/svg/MarvelAIFrame.svg
diff --git a/frontend/layouts/MainAppLayout/SideMenu/SideMenu.jsx b/frontend/layouts/MainAppLayout/SideMenu/SideMenu.jsx
@@ -1,10 +1,10 @@
 import { LogoutOutlined } from '@mui/icons-material';
-import { Button, Grid, Typography } from '@mui/material';
+import { Button, Grid } from '@mui/material';
 
 import { signOut } from 'firebase/auth';
 import { useRouter } from 'next/router';
 
-import LargeLogo from '@/assets/svg/MenuLogo.svg';
+import MarvelAILogo from '@/assets/svg/MarvelAIFrame.svg';
 
 import ROUTES from '@/constants/routes';
 
@@ -30,13 +30,7 @@ const SideMenu = () => {
     return (
       <Grid onClick={() => router.push(ROUTES.HOME)} {...styles.logoGridProps}>
         <Grid {...styles.logoImageGridProps}>
-          <LargeLogo />
-        </Grid>
-        <Grid {...styles.titleGridProps}>
-          <Typography {...styles.titleProps}>Marvel.AI</Typography>
-          <Typography {...styles.subtitleProps}>
-            AI Teaching Assistant
-          </Typography>
+          <MarvelAILogo />
         </Grid>
       </Grid>
     );

diff --git a/frontend/layouts/MainAppLayout/SideMenu/styles.js b/frontend/layouts/MainAppLayout/SideMenu/styles.js
@@ -59,16 +59,19 @@ const styles = {
   logoImageGridProps: {
     container: true,
     item: true,
-    mobileSmall: 'auto',
+    mobileSmall: 12,
     height: 'auto',
   },
   titleGridProps: {
+    position: 'relative',
     container: true,
     item: true,
     mobileSmall: true,
     flexDirection: 'column',
     justifyContent: 'flex-start',
     alignItems: 'center',
+    height: '60px',
+    width: '100%',
   },
   titleProps: {
     fontFamily: 'Ethnocentric Regular',