Merge pull request #107 from dvm-bitspilani/main

Merge main to prod
dvm-bitspilani · Sep 28, 2024 · b0f6c5c · b0f6c5c
2 parents 2960483 + 686aa9d
commit b0f6c5c
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 5 deletions.
diff --git a/assets/Events/Carousel/eventcard.png b/assets/Events/Carousel/eventcard.png
diff --git a/components/Events/Category/Category.tsx b/components/Events/Category/Category.tsx
@@ -10,6 +10,7 @@ import EventCard from "../EventCard/EventCard";
 import Carousel from "../Carousel/Carousel";
 import axios from "axios";
 import largeImage from "@/assets/Events/Carousel/eventLarge.png";
+import eventcard from "../../../assets/Events/Carousel/eventcard.png";
 
 interface CategoryProps {
   onClose: () => void;
@@ -46,7 +47,7 @@ export default function Category({ onClose }: CategoryProps) {
         key={index}
         name={name}
         // about={about}
-        img={largeImage}
+        img={eventcard}
         onClick={() => {
           eventClickHandler(index);
         }}

diff --git a/components/Events/EventCard/EventCard.tsx b/components/Events/EventCard/EventCard.tsx
@@ -5,6 +5,7 @@ import { StaticImageData } from "next/image";
 import Image from "next/image";
 import image from '@/assets/Events/Carousel/event.png';
 import largeImage from '@/assets/Events/Carousel/eventLarge.png';
+import eventcard from "../../../assets/Events/Carousel/eventcard.png";
 
 interface EventCardProps {
   name: string;
@@ -16,7 +17,7 @@ interface EventCardProps {
 export default function EventCard({
   name,
   about,
-  img=largeImage,
+  img=eventcard,
   onClick,
 }: EventCardProps) {
   return (

diff --git a/components/Events/EventCard/eventcard.module.scss b/components/Events/EventCard/eventcard.module.scss
@@ -6,6 +6,7 @@
   overflow: hidden;
   cursor: pointer;
   box-shadow: 0 0 10px 5px rgba(209, 180, 226, 0.8);
+  position: relative;
 
   .eventName {
     margin: 0.7rem 0 0 0;
@@ -25,10 +26,14 @@
     padding: 1rem;
 
     .eventImg {
-      float: left;
-      margin-right: 0.7rem;
+      position: absolute;
+      top: 60%;
+      left: 50%;
+      transform: translate(-50%,-50%);
+      // float: left;
+      // margin-right: 0.7rem;
       height: auto;
-      opacity: 0.5;
+      // opacity: 0.5;
     }
 
     p {