Fixed /resources layout

langaracpsc · Nov 25, 2023 · 8bcd09d · 8bcd09d
1 parent 6a717fe
commit 8bcd09d
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 19 deletions.
diff --git a/frontend/src/app/resources/Body.tsx b/frontend/src/app/resources/Body.tsx
@@ -7,7 +7,7 @@ export function Body()
 
         <div className={"flex flex-col items-center mt-3"}>
             <span className={"text-3xl max-[850px]:text-xl"}>Resources</span>
-            <div className={"flex flex-col items-center justify-center gap-[7vh] max-[850px]:gap-[8vh] mt-[4vh] max-[850px]:mt-[9vh] max-h-full h-[250vh]"}>
+            <div className={"flex flex-col items-center justify-center gap-[7vh] max-[850px]:gap-[8vh] mt-[4vh] max-[850px]:mt-[9vh] max-h-full h-[100vh]"}>
                 <iframe src="https://docs.google.com/document/d/e/2PACX-1vQhTudGVmLYBP0q5ir1T9YYtfAN1MaKVEbbKOfhnGloD_DK5ff15Kwqe_jbL0sBrxivomKbfwG9EPsA/pub?embedded=true" className={"h-full w-[max(52vw,_500px)]"}></iframe>
             </div>
         </div>

diff --git a/frontend/src/app/resources/Header.tsx b/frontend/src/app/resources/Header.tsx
@@ -3,25 +3,25 @@ import {IconLabel} from "@/app/hacks/IconLabel";
 
 export function Header()
 {
-    return  <div className="grid grid-cols-3 max-[600px]:grid max-[600px]:grid-rows-2  row-start-1 row-span-1 max-[600px]:justify-center ">
-        <div></div>
-    <div className="min-[600px]:basis-1/4 max-[600px]:row-start-1 flex flex-row shrink-0 grow-0 justify-center ">
-        <div></div>
-        <img src="LCS.png" alt="club-logo" className="ml-5 flex-start-2 max-[600px]:ml-8 shrink-0 grow-0 h-full select-none self-center"/>
-        <div></div>
-    </div>
-    <div className="min-[600px]:basis-3/4 max-[600px]:grid max-[600px]:grid-template-cols[5%_90%_5%] min-[600px]:flex min-[600px]:justify-end min-[600px]:mr-8 h-full">
-        {/* <div></div>
-        <div className={"col-start-2"}>
-            <div className={"nav_button_container flex max-[500px]:gap-x-3 gap-x-7 mt-5 max-[500px]:mt-6"}>
-                <NavButton Label={"Home"}  Endpoint={"/"}></NavButton>
-                <NavButton Label={"About"} Endpoint={"/about "}></NavButton>
-                <NavButton Label={"Events"} Endpoint={"/events"}></NavButton>
-                <NavButton Label={"Blog"} Endpoint={"/blog"}></NavButton>
+    return  <div className="grid grid-cols-3 max-[600px]:grid max-[600px]:grid-cols-3 row-start-1 row-span-1 max-[600px]:justify-center ">
+            <div></div>
+            <div className="min-[600px]:basis-1/4 max-[600px]:row-start-1 flex flex-row shrink-0 grow-0 justify-center ">
+                <div></div>
+                <img src="LCS.png" alt="club-logo" className="flex-start-2  shrink-0 grow-0 h-[15vh] select-none self-center"/>
+                <div></div>
+            </div>
+            <div className="min-[600px]:basis-3/4 max-[600px]:grid max-[600px]:grid-template-cols[5%_90%_5%] min-[600px]:flex min-[600px]:justify-end min-[600px]:mr-8 h-full">
+                {/* <div></div>
+                <div className={"col-start-2"}>
+                    <div className={"nav_button_container flex max-[500px]:gap-x-3 gap-x-7 mt-5 max-[500px]:mt-6"}>
+                        <NavButton Label={"Home"}  Endpoint={"/"}></NavButton>
+                        <NavButton Label={"About"} Endpoint={"/about "}></NavButton>
+                        <NavButton Label={"Events"} Endpoint={"/events"}></NavButton>
+                        <NavButton Label={"Blog"} Endpoint={"/blog"}></NavButton>
+                    </div>
+                </div>
+                <div></div> */} 
             </div>
         </div>
-        <div></div> */} 
-    </div>
-</div>
 }