vinvoor: mobile improvements

ZeusWPI · Oct 27, 2024 · fdfebb6 · fdfebb6
1 parent 5e4b388
commit fdfebb6
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 8 deletions.
diff --git a/vinvoor/src/App.tsx b/vinvoor/src/App.tsx
@@ -48,7 +48,9 @@ export const App = () => {
           )}
         </LoadingSkeleton>
       </Container>
-      <Footer />
+      <Container sx={{ my: "2%" }}>
+          <Footer />
+      </Container>
     </Box>
   );
 };
diff --git a/vinvoor/src/footer/Footer.tsx b/vinvoor/src/footer/Footer.tsx
@@ -15,13 +15,12 @@ export const Footer = () => {
           alignItems: "center",
         }}
       >
-        <TypographyG width="33%">{version?.version ?? ""}</TypographyG>
+        <TypographyG>v {version?.version ?? ""}</TypographyG>
         <TypographyG
           sx={{
             height: "100%",
             display: "flex",
             alignItems: "center",
-            width: "33%",
             justifyContent: "center",
           }}
         >
@@ -46,10 +45,9 @@ export const Footer = () => {
         </TypographyG>
         <Link
           href="https://github.com/ZeusWPI/ZeSS"
-          width="33%"
           textAlign="end"
         >
-          Github © 2024
+          © 2024
         </Link>
       </Box>
     </Container>

diff --git a/vinvoor/src/navbar/NavBarUserMenu.tsx b/vinvoor/src/navbar/NavBarUserMenu.tsx
@@ -9,11 +9,12 @@ import {
 import { useTheme } from "@mui/material/styles";
 import { Cow, ExitRun, ShieldAccountOutline } from "mdi-material-ui";
 import { FC, MouseEvent, useState } from "react";
-import { UnstyledLink } from "../components/UnstyledLink";
 import { Login } from "../auth/Login";
 import { Logout } from "../auth/Logout";
-import { PageIcon } from "./NavBar";
+import { BrowserView } from "../components/BrowserView";
+import { UnstyledLink } from "../components/UnstyledLink";
 import { useUser } from "../hooks/useUser";
+import { PageIcon } from "./NavBar";
 
 interface NavBarUserMenuProps {
   pageIcons: readonly PageIcon[];
@@ -59,7 +60,9 @@ export const NavBarUserMenu: FC<NavBarUserMenuProps> = ({
             }}
           >
             <ShieldAccountOutline sx={{ mr: "3px" }} />
-            <Typography variant="h6">{user.name}</Typography>
+            <BrowserView>
+              <Typography variant="h6">{user.name}</Typography>
+            </BrowserView>
           </Button>
           <Menu
             sx={{ mt: "45px" }}