diff --git a/src/modules/Dashboard/modules/LearningCircleV2/assets/images/LC3.webp b/src/modules/Dashboard/modules/LearningCircleV2/assets/images/LC3.webp new file mode 100644 index 000000000..e76246241 Binary files /dev/null and b/src/modules/Dashboard/modules/LearningCircleV2/assets/images/LC3.webp differ diff --git a/src/modules/Dashboard/modules/LearningCircleV2/pages/landing/LearningCircleLanding.module.css b/src/modules/Dashboard/modules/LearningCircleV2/pages/landing/LearningCircleLanding.module.css index 49a4225bc..825f737c2 100644 --- a/src/modules/Dashboard/modules/LearningCircleV2/pages/landing/LearningCircleLanding.module.css +++ b/src/modules/Dashboard/modules/LearningCircleV2/pages/landing/LearningCircleLanding.module.css @@ -222,15 +222,20 @@ font-size: 0.65rem; margin-right: 0.5rem; } - .learningCircleLandingPage .learningCircleLandingPageButton { + .learningCircleLandingPage .learningCircleLandingPageButton { flex-direction: column; justify-content: center; align-items: center; } .learningCircleLandingPage .middleContainer { + width: 100%; justify-content: center; + align-items: center; flex-direction: column-reverse; gap: 10px; + button { + width: 100%; + } } } @@ -255,7 +260,7 @@ display: flex; flex-wrap: wrap; gap: 2rem; - justify-content: center; + justify-content: start; } .card div:nth-child(1) { display: flex; @@ -368,7 +373,7 @@ @media screen and (max-width: 1920px) { .cardContainer { - justify-content: space-between; + justify-content: start; } .card { width: calc(33% - 20px); diff --git a/src/modules/Dashboard/modules/LearningCircleV2/pages/landing/LearningCircleLanding.tsx b/src/modules/Dashboard/modules/LearningCircleV2/pages/landing/LearningCircleLanding.tsx index 9c0be414c..77c261b52 100644 --- a/src/modules/Dashboard/modules/LearningCircleV2/pages/landing/LearningCircleLanding.tsx +++ b/src/modules/Dashboard/modules/LearningCircleV2/pages/landing/LearningCircleLanding.tsx @@ -12,6 +12,7 @@ import { joinMeetup, unsaveMeetup } from "../../services/LearningCircleAPIs"; +import imageBottom from "../../assets/images/LC3.webp"; import { color } from "framer-motion"; import MuModal from "@/MuLearnComponents/MuModal/MuModal"; import { Input } from "@chakra-ui/react"; @@ -181,9 +182,7 @@ const LearningCircleLanding = () => { -
No meetups are currently running now
+