DHBW-WE/MeetUp
5
0
Fork 0
Code Issues 7 Pull requests 5 Projects 1 Releases 5 Packages 1 Wiki Activity Actions

fix: event cards layout bugs
Some checks failed
container-scan / Container Scan (pull_request) Has been cancelled
Details
docker-build / docker (pull_request) Has been cancelled
Details
tests / Tests (pull_request) Has been cancelled
Details

Browse source
This commit is contained in:
Dominik 2025-07-01 11:36:40 +02:00
parent ff0cbcd589
commit d53d96a5a6
Signed by: dominik
GPG key ID: 06A4003FC5049644
3 changed files with 5 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/app/(main)/events/[eventID]/page.tsx
View file

@ -153,7 +153,7 @@ export default function ShowEvent() {
<Label className='text-[var(--color-neutral-300)] mb-2'> <Label className='text-[var(--color-neutral-300)] mb-2'>
Participants Participants
</Label>{' '} </Label>{' '}
<div className='grid grid-cols-1 mt-3 sm:max-h-60 sm:grid-cols-2 sm:overflow-y-auto sm:mb-0'> <div className='grid grid-cols-1 mt-3'>
{event.participants?.map((user) => ( {event.participants?.map((user) => (
<ParticipantListEntry <ParticipantListEntry
key={user.user.id} key={user.user.id}

2
src/components/forms/event-form.tsx
View file

@ -337,7 +337,7 @@ const EventForm: React.FC<EventFormProps> = (props) => {
<DialogTrigger asChild> <DialogTrigger asChild>
<Button variant='primary'>Calendar</Button> <Button variant='primary'>Calendar</Button>
</DialogTrigger> </DialogTrigger>
<div className='grid grid-cols-1 mt-3 sm:max-h-60 sm:grid-cols-2 sm:overflow-y-auto sm:mb-0'> <div className='grid grid-cols-1 mt-3'>
{selectedParticipants.map((user) => ( {selectedParticipants.map((user) => (
<ParticipantListEntry <ParticipantListEntry
key={user.id} key={user.id}

6
src/components/time-picker.tsx
View file

@ -32,8 +32,8 @@ export default function TimePicker({
const [open, setOpen] = React.useState(false); const [open, setOpen] = React.useState(false);
return ( return (
<div className='flex gap-4' {...props}> <div className='grid grid-cols-2 gap-4' {...props}>
<div className='flex flex-col gap-3'> <div className='grid grid-rows-2 gap-2'>
<Label htmlFor='date' className='px-1'> <Label htmlFor='date' className='px-1'>
{dateLabel} {dateLabel}
</Label> </Label>
@ -69,7 +69,7 @@ export default function TimePicker({
</PopoverContent> </PopoverContent>
</Popover> </Popover>
</div> </div>
<div className='flex flex-col gap-3'> <div className='grid grid-rows-2 gap-2'>
<Label htmlFor='time' className='px-1'> <Label htmlFor='time' className='px-1'>
{timeLabel} {timeLabel}
</Label> </Label>