From 646f83c32c5dc08a808a3bf44f998905f888c429 Mon Sep 17 00:00:00 2001
From: NguyenDonLam <donlamn@student.unimelb.edu.au>
Date: Thu, 17 Oct 2024 11:14:02 +1100
Subject: [PATCH] fix: Constant Logo and Header

---
 frontend/src/components/Header.tsx      | 14 ++++++++++----
 frontend/src/components/ModSiderbar.tsx |  2 +-
 frontend/src/components/Sidebar.tsx     |  2 +-
 frontend/src/pages/SemesterInfo.tsx     |  2 +-
 frontend/src/pages/TimetableMod.tsx     |  2 +-
 5 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/frontend/src/components/Header.tsx b/frontend/src/components/Header.tsx
index d13f84d..963ec7d 100644
--- a/frontend/src/components/Header.tsx
+++ b/frontend/src/components/Header.tsx
@@ -7,22 +7,28 @@ import VIT_Logo from '../assets/logo.png';
  */
 export default function Header() {
     return (
-      <Box sx={{ height: "17vh", margin: "0" }}>
+      <Box sx={{ height: "130px", margin: "0" }}>
         <CssBaseline />
         <AppBar
           position="fixed"
           sx={{
             zIndex: (theme) => theme.zIndex.drawer + 1,
-            height: "17vh",
+            height: "130px",
             padding: "20px",
             backgroundColor: "#F5F5f5",
-            boxShadow: "none",
+            boxShadow: "none"
           }}
         >
           <img
             src={VIT_Logo}
             alt="logo.exe"
-            style={{ width: "15%", height: "auto", objectFit: "cover" }}
+            style={{width: "230px",
+                  height: "auto",
+    // objectFit: "contain",
+    // maxHeight: "100%",
+    // maxWidth: "100%",
+    // alignSelf: "flex-start", // Aligns left in a flex container
+    }}
           />
         </AppBar>
       </Box>
diff --git a/frontend/src/components/ModSiderbar.tsx b/frontend/src/components/ModSiderbar.tsx
index 6bb2b8c..15579e7 100644
--- a/frontend/src/components/ModSiderbar.tsx
+++ b/frontend/src/components/ModSiderbar.tsx
@@ -45,7 +45,7 @@ export default function ModSidebar({ marginTop, width }: SidebarProps) {
         variant="permanent"
         anchor="left"
       >
-        <Box sx={{ height: marginTop + "vh"}} />
+        <Box sx={{ height: marginTop + "px"}} />
         <List>
           {campusSolutions && campusSolutions.length > 0 ? (
             campusSolutions.map((solution) => {
diff --git a/frontend/src/components/Sidebar.tsx b/frontend/src/components/Sidebar.tsx
index 01c874b..ce434a6 100644
--- a/frontend/src/components/Sidebar.tsx
+++ b/frontend/src/components/Sidebar.tsx
@@ -40,7 +40,7 @@ export default function Sidebar({ marginTop, width }: SidebarProps) {
       variant="permanent"
       anchor="left"
     >
-      <Box sx={{height: marginTop + "vh"}} />
+      <Box sx={{height: marginTop + "px"}} />
       <List>
         <ListItem key="Room" disablePadding>
           <ListItemButton component={Link} to="room">
diff --git a/frontend/src/pages/SemesterInfo.tsx b/frontend/src/pages/SemesterInfo.tsx
index 7b2a635..07fc8f3 100644
--- a/frontend/src/pages/SemesterInfo.tsx
+++ b/frontend/src/pages/SemesterInfo.tsx
@@ -16,7 +16,7 @@ export default function SemesterInfo() {
   return (
     <div>
       <Header />
-      <Sidebar width={240} marginTop={17}/>
+      <Sidebar width={240} marginTop={130}/>
 
       {/* Spreadsheet */}
       <div style={{ marginLeft: 300 + "px", overflow: "hidden" }}>
diff --git a/frontend/src/pages/TimetableMod.tsx b/frontend/src/pages/TimetableMod.tsx
index cb1b2f4..45d8544 100644
--- a/frontend/src/pages/TimetableMod.tsx
+++ b/frontend/src/pages/TimetableMod.tsx
@@ -41,7 +41,7 @@ export default function TimetableMod() {
   return (
     <div>
         <Header />
-        <ModSidebar width={240} marginTop={17} />
+        <ModSidebar width={240} marginTop={130} />
 
         <div
           style={{