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

feat(event-form): replace text elements with Label components for consistency

Browse source
This commit is contained in:
micha 2025-06-11 20:14:39 +02:00
parent 33601eda97
commit dcf89a1e57
1 changed files with 12 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

21
src/components/buttons/event-form.tsx
View file

@ -3,6 +3,7 @@ import { Button } from '@/components/custom-ui/button';
import Logo from '../logo'; import Logo from '../logo';
import TimePicker from '../time-picker'; import TimePicker from '../time-picker';
import { Input } from '../ui/input'; import { Input } from '../ui/input';
import { Label } from '../ui/label';
export default function EventForm() { export default function EventForm() {
return ( return (
<form <form
@ -12,8 +13,8 @@ export default function EventForm() {
console.log('Form submitted with data:', formData); console.log('Form submitted with data:', formData);
}} }}
> >
<div className='grid grid-row-start:auto gap-4'> <div className='grid grid-row-start:auto gap-8'>
<div className='h-full mt-2 mb-6 flex items-center justify-between max-sm:flex-col max-sm:mb-2'> <div className='h-full mt-0 ml-2 mb-16 flex items-center justify-between max-sm:flex-col max-sm:mb-6 max-sm:mt-10'>
<div> <div>
<Logo colorType='monochrome' logoType='submark' width={50} /> <Logo colorType='monochrome' logoType='submark' width={50} />
</div> </div>
@ -39,11 +40,13 @@ export default function EventForm() {
</div> </div>
<div className='flex flex-col gap-4'> <div className='flex flex-col gap-4'>
<div className='flex flex-row gap-2'> <div className='flex flex-row gap-2'>
<p>created:</p> <Label>created:</Label>
<p className='text-[var(--color-neutral-300)]'>2023-10-01</p> <Label className='text-[var(--color-neutral-300)]'>
2023-10-01
</Label>
</div> </div>
<div className='flex flex-row gap-2'> <div className='flex flex-row gap-2'>
<p>updated:</p> <Label>updated:</Label>
<p className='text-[var(--color-neutral-300)]'>2023-10-01</p> <p className='text-[var(--color-neutral-300)]'>2023-10-01</p>
</div> </div>
</div> </div>
@ -52,10 +55,10 @@ export default function EventForm() {
<div className='h-full w-full grid grid-flow-row gap-4'> <div className='h-full w-full grid grid-flow-row gap-4'>
<div className='h-full w-full'> <div className='h-full w-full'>
<div className='flex flex-row gap-2'> <div className='flex flex-row gap-2'>
<p>Organiser:</p> <Label>Organiser:</Label>
<p className='text-[var(--color-neutral-300)]'> <Label className='text-[var(--color-neutral-300)]'>
[Username here] [Username here]
</p> </Label>
</div> </div>
</div> </div>
<div className='h-full w-full'> <div className='h-full w-full'>
@ -69,7 +72,7 @@ export default function EventForm() {
</div> </div>
</div> </div>
<div className='h-full w-full'> <div className='h-full w-full'>
<p>Participants here</p> <Label>Participants here</Label>
</div> </div>
</div> </div>