styling updates

langaracpsc · Sep 7, 2023 · 33bbfb4 · 33bbfb4
1 parent 3f6e74e
commit 33bbfb4
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 11 deletions.
diff --git a/frontend/src/app/hacks/Body.tsx b/frontend/src/app/hacks/Body.tsx
@@ -3,15 +3,15 @@ import {SocialIcons} from "@/app/SocialIcons";
 
 export function Body()
 {
-    return <div className={"grid-rows-6 bg-hacks-bg-black "}> 
+    return <div className={"grid-rows-6 bg-hacks-bg-black text-white"}> 
             <div className={"flex flex-col items-center gap-[7vh] max-[850px]:gap-[8vh] mt-[8vh] max-[850px]:mt-[9vh]"}>
                 <div>
                     <Timer EndTime={new Date(2023, 8, 23, 8, 0, 0)}/>
                     <span className={"text-sm max-[850px]:text-sm flex flex-col items-center mt-0"}>left until the hackathon.</span>
                 </div>
                 <div className={"text-xl max-[850px]:text-sm flex flex-col items-center"}>
                     <a href="https://forms.gle/TmBcsFRup5KfppYU6" target="_blank" rel="noopener noreferrer"
-                    className="text-5xl max-[850px]:text-xl inline-flex items-center m-5 justify-center px-6 py-6 border border-transparent leading-6 font-medium rounded-md text-white bg-lang-orange hover:bg-orange-700 focus:outline-none focus:ring focus:ring-orange-300 active:bg-orange-800 transition duration-150 ease-in-out">
+                    className="text-5xl max-[850px]:text-xl inline-flex items-center m-5 justify-center px-10 py-8 border border-transparent leading-6 font-medium rounded-md text-white bg-lang-orange hover:bg-orange-700 focus:outline-none focus:ring focus:ring-orange-300 active:bg-orange-800 transition duration-150 ease-in-out">
                         ✨Register Now!✨
                     </a>
                 </div>

diff --git a/frontend/src/app/hacks/Header.tsx b/frontend/src/app/hacks/Header.tsx
@@ -10,23 +10,21 @@ export function Header()
         <div className = {"grid grid-rows-2 h-full gap-0"}>
 
             <div className={"grid items-end h-full font-audiowide"}>
-                <div className={"flex flex-col gap-0"}>
-                    <div className={"text-9xl max-[1100px]:text-4xl  self-center"}> Langara <span className={"text-lang-orange"}>Hacks</span></div>
+                <div className={"flex flex-col gap-2"}>
+                    <div className={"text-7xl max-[1100px]:text-4xl  self-center"}> Langara <span className={"text-lang-orange"}>Hacks</span></div>
                     <div className={"text max-[850px]:text-2s self-center"}> Collaborate, Create, Innovate </div>
                 </div>
             </div>
 
-
-
             <div className={"grid grid-cols-2"}>
-
-                <div className={"justify-self-end self-center w-[60vh] max-[850px]:w-[30vh]"}>
-                    <IconLabel iconSrc={"/location_icon.png"} label={`T Gallery, Langara College`} height={25} width={25}/>
+                <div className={"justify-self-end self-center w-[70vh] max-[850px]:w-[50vh]"}>
+                    <IconLabel iconSrc={"/location_icon.png"} label={"T Gallery, Langara College"} height={25} width={25}/>
                 </div> 
-                <div className={"justify-self-start self-center w-[40vh] max-[850px]:w-[20vh]"}>
-                    <IconLabel iconSrc={"/calender_icon.png"} label={"8:00 AM - 6:30 PM  | September 23rd, 2023"} height={25} width={25}/>
+                <div className={"justify-self-start self-center w-[40vh] max-[850px]:w-[30vh]"}>
+                    <IconLabel iconSrc={"/calender_icon.png"} label={"8:00 AM - 6:30 PM Sept 23rd, 2023"} height={25} width={25}/>
                 </div>
             </div>
+
         </div> 
     </div>
 }