feature(#36): Fix page changes

Multiplied-By-One · Jan 9, 2023 · 0c63dea · 0c63dea
1 parent 9f3b5cb
commit 0c63dea
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 8 deletions.
diff --git a/src/components/button/HubPageButton.jsx b/src/components/button/HubPageButton.jsx
@@ -9,11 +9,16 @@ const StyledLink = styled(Link)(({ theme }) => ({
     color: theme.palette.text.primary,
     textAlign: "center",
     boxShadow: "0 0 10px 0 rgba(0, 0, 0, 0.5)",
-    lineHeight: "100px",
-    borderRadius: "50px",
+    lineHeight: "25px",
+    borderRadius: "5px",
     textDecoration: "none",
-    width: "300px",
-    display: "block"
+    width: "200px",
+    display: "block",
+    [theme.breakpoints.up('sm')]: {
+        width: "300px",
+        borderRadius: "50px",
+        lineHeight: "100px",
+    }
 }))
 
 

diff --git a/src/components/nav/NavBar.jsx b/src/components/nav/NavBar.jsx
@@ -192,7 +192,7 @@ const NavBar = ({ title, content }, props) => {
 
   return (
     <>
-      <Box className="aaa" sx={{ display: "flex" }}>
+      <Box sx={{ display: "flex", padding: 0}}>
         <Box sx={{ display: { xs: "none", sm: "block" }, width: 0 }}>
           <CssBaseline />
           <AppBar position="fixed" open={open}>
@@ -204,7 +204,7 @@ const NavBar = ({ title, content }, props) => {
               )}
             </Toolbar>
           </AppBar>
-          <Box className="aaa3"
+          <Box
             component="nav"
             sx={{ width: { sm: drawerWidth }, flexShrink: { sm: 0 } }}
             aria-label="sidebar navigation"

diff --git a/src/components/page/Page.jsx b/src/components/page/Page.jsx
@@ -8,8 +8,7 @@ import { styled } from "@mui/material/styles";
 const StyledContainer = styled(Container)(({ theme }) => ({
   paddingTop: "30px",
   backgroundColor: "inherit",
-  // Full width minus the width of the drawer
-  width: "calc(100vw - 190px)",
+  // Push right for drawer
   [theme.breakpoints.up('sm')]: {
     paddingLeft: "60px",
   }