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

fix: update LabeledInput component to use Label from UI library and adjust spacing in LoginForm
Some checks failed
container-scan / Container Scan (pull_request) Failing after 21s
Details
docker-build / docker (pull_request) Failing after 42s
Details

Browse source
This commit is contained in:
Maximilian Liebmann 2025-05-11 13:46:40 +02:00 • committed by SomeCodecat
parent fb4fd26d3f
commit 402b6623dd
2 changed files with 6 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/components/labeled-input.tsx
View file

@ -1,4 +1,5 @@
import { Input } from '@/components/ui/input';
import { Label } from '@/components/ui/label';
export default function LabeledInput({
type,
@ -11,17 +12,17 @@ export default function LabeledInput({
placeholder?: string;
value?: string;
}) {
const randomId = Math.random().toString(36).substring(2, 15);
const elementId = Math.random().toString(36).substring(2, 15);
return (
<div className='flex flex-col gap-2'>
<label htmlFor={randomId}>{label}</label>
<div className='flex flex-col gap-1'>
<Label htmlFor={elementId}>{label}</Label>
<Input
type={type}
placeholder={placeholder}
defaultValue={value}
id={randomId}
id={elementId}
/>
</div>
);

2
src/components/user/login-form.tsx
View file

@ -3,7 +3,7 @@ import { Button } from '@/components/ui/button';
export default function LoginForm() {
return (
<form className='flex flex-col gap-4 w-full'>
<form className='flex flex-col gap-5 w-full'>
<LabeledInput
type='email'
label='E-Mail'