From 56fa2c8b452fbb0bb8605c6bd40e51c8b44960b1 Mon Sep 17 00:00:00 2001 From: Tamal Das Date: Wed, 27 Jul 2022 00:56:21 +0530 Subject: [PATCH] =?UTF-8?q?pre=20production=20fixes=202=20=F0=9F=9A=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/pictures/singleeventsbanner.svg | 1 + src/components/SingleEvent.jsx | 3 +- src/pages/display/EventsPage.jsx | 36 +++++++++++++++------- src/styles/ClubsPage.css | 12 +++++++- 4 files changed, 39 insertions(+), 13 deletions(-) create mode 100644 src/assets/pictures/singleeventsbanner.svg diff --git a/src/assets/pictures/singleeventsbanner.svg b/src/assets/pictures/singleeventsbanner.svg new file mode 100644 index 00000000..67e292d0 --- /dev/null +++ b/src/assets/pictures/singleeventsbanner.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/components/SingleEvent.jsx b/src/components/SingleEvent.jsx index 40455350..11c05835 100644 --- a/src/components/SingleEvent.jsx +++ b/src/components/SingleEvent.jsx @@ -1,5 +1,6 @@ import * as React from "react"; import "../styles/SingleEvent.css" +import eventsbanner from "../assets/pictures/singleeventsbanner.svg"; export default function SingleEvent({ club }) { const expand = () => { @@ -17,7 +18,7 @@ export default function SingleEvent({ club }) {
{`${club.name}
diff --git a/src/pages/display/EventsPage.jsx b/src/pages/display/EventsPage.jsx index 4697ff47..476af98a 100644 --- a/src/pages/display/EventsPage.jsx +++ b/src/pages/display/EventsPage.jsx @@ -22,18 +22,32 @@ const EventsPage = () => { <> -
-
- events -
-
-

Welcome to the events page

-

- All our partnered NGOs , hosts various events be it educational, - cleaning mother earth, funding events, health camps and many more !! -

-

Join us at the events, and help the community !!

+ {/*
+ + +
*/} + +
+
+ +
+
+ events +
+
+
+
+

Welcome to the events page

+

+ All our partnered NGOs , hosts various events be it educational, + cleaning mother earth, funding events, health camps and many more !! +

+

Join us at the events, and help the community !!

+
+
+
+

diff --git a/src/styles/ClubsPage.css b/src/styles/ClubsPage.css index 48148a3f..2d882677 100644 --- a/src/styles/ClubsPage.css +++ b/src/styles/ClubsPage.css @@ -103,6 +103,13 @@ } @media screen and (max-width: 480px) { + .eventsbannerimg { + width: 350px !important; + } + + .eventspageintro_textdiv { + margin-top: 1rem !important; + } .card-title { font-size: 17px; } @@ -139,9 +146,12 @@ body::-webkit-scrollbar-thumb { justify-content: center; } +.eventspageintro_textdiv { + margin-top: 10rem; +} .eventspageintro_textdiv p { font-family: "Mulish", sans-serif; - width: 100%; + /* width: 60%; */ font-size: 20px; margin-top: 20px; }