wind-explorer/ecoconnect
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update events

Browse Source
This commit is contained in:
Harini312821
2024-08-02 08:32:03 +08:00
parent 324fc6bb24
commit 3021bfb957
2 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
client/src/pages/EventDetailsPage.tsx
View File

@@ -127,8 +127,8 @@ const EventDetailsPage = () => {
<CardBody className="pb-0 pt-2 px-4 flex-col items-start"> <CardBody className="pb-0 pt-2 px-4 flex-col items-start">
{similarEvent.evtPicture && ( {similarEvent.evtPicture && (
<div style={{ <div style={{
width: '100px', width: '450px',
height: '100px', height: '300px',
overflow: 'hidden', overflow: 'hidden',
borderRadius: '8px', borderRadius: '8px',
position: 'relative' position: 'relative'

8
client/src/pages/EventsPage.tsx
View File

@@ -139,22 +139,22 @@ const EventsPage: React.FC = () => {
<Card key={event.id} <Card key={event.id}
style={{ style={{
maxWidth: '600px', maxWidth: '600px',
height: 'auto',
minHeight: '300px', minHeight: '300px',
display: 'flex', display: 'flex',
flexDirection: 'column', flexDirection: 'column',
justifyContent: 'space-between',
}}> }}>
<CardHeader className="pb-0 pt-2 px-4 flex-col items-start"> <CardHeader className="pb-0 pt-2 px-4 flex-col items-start">
<h4 className="font-bold text-large">{event.title}</h4> <h4 className="font-bold text-large">{event.title}</h4>
</CardHeader> </CardHeader>
<CardBody className="pb-0 pt-2 px-4 flex-col items-start"> <CardBody className="pb-0 pt-2 px-4 flex-col items-start">
{event.evtPicture && ( {event.evtPicture && (
<div className="relative w-full" style={{ paddingBottom: '56.25%' /* 16:9 aspect ratio */ }}> <div className="relative w-full" style={{ paddingBottom: '0%', overflow: "hidden",marginBottom: '0px' /* 16:9 aspect ratio */ }}>
<Image <Image
alt={event.title} alt={event.title}
src={`${config.serverAddress}/events/evtPicture/${event.id}`} src={`${config.serverAddress}/events/evtPicture/${event.id}`}
style={{ style={{
height: '100%', height: '430px',
width: '100%', width: '100%',
objectFit: 'cover', objectFit: 'cover',
borderRadius: '0.375rem', borderRadius: '0.375rem',
@@ -163,7 +163,7 @@ const EventsPage: React.FC = () => {
</div> </div>
)} )}
</CardBody> </CardBody>
<CardFooter className="flex flex-col items-start p-4"> <CardFooter className="flex flex-col items-start p-4"style={{ paddingTop: '0px' }}>
<p className="text-gray-600 mb-4">{event.description}</p> <p className="text-gray-600 mb-4">{event.description}</p>
<Button <Button
className="bg-primary-600 text-white rounded px-4 py-2 hover:bg-primary-700" className="bg-primary-600 text-white rounded px-4 py-2 hover:bg-primary-700"