Merge pull request #60 from acm-ucr/menthy/header

add header
acm-ucr · Nov 5, 2023 · 89ced5a · 89ced5a
2 parents 4dd0d0c + 3fed50b
commit 89ced5a
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/src/app/projects/costa-rica/page.js b/src/app/projects/costa-rica/page.js
@@ -1,8 +1,12 @@
 import React from "react";
 import CostaRica from "@/components/projects/CostaRica";
+import Header from "@/components/projects/Header";
+import header from "../../../../public/images/costaRica/CostaRicaHeader.webp";
+
 const page = () => {
   return (
     <>
+      <Header img={header.src} title="Costa Rica Project" />
       <CostaRica />
     </>
   );

diff --git a/src/components/projects/Header.jsx b/src/components/projects/Header.jsx
@@ -2,8 +2,8 @@ import Title from "../Title";
 
 const Header = ({ img, title }) => {
   return (
-    <div>
-      <img src={img} alt="Image" className="mb-2.5 w-full" />
+    <div className="w-full">
+      <img src={img} alt="Image" className="mb-3 w-full object-cover" />
       <Title subTitle="" title={title} />
     </div>
   );