fem-projects/contact-form
Archived
1
Fork 0
Code Activity

Fix bug

Browse source
This commit is contained in:
Hadeed 2024-06-10 08:07:12 +04:00
parent f7f2bf45fc
commit f0fbfbca05
1 changed files with 20 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/app.jsx
View file

@ -52,7 +52,7 @@ export default function App() {
return ( return (
<div className="flex min-h-dvh flex-col items-center justify-center bg-green-200 px-200 py-400"> <div className="flex min-h-dvh flex-col items-center justify-center bg-green-200 px-200 py-400">
<Toast.Provider> <Toast.Provider>
<Toast.Viewport className="left-0 top-0 fixed flex w-full justify-center p-300" /> <Toast.Viewport className="fixed left-0 top-0 flex w-full justify-center p-300" />
<div className="rounded-2xl bg-white p-300 text-grey-900"> <div className="rounded-2xl bg-white p-300 text-grey-900">
<form <form
onSubmit={handleSubmit((data) => { onSubmit={handleSubmit((data) => {
@ -100,10 +100,11 @@ export default function App() {
fieldState: { invalid }, fieldState: { invalid },
}) => ( }) => (
<RadioGroup.Root <RadioGroup.Root
className="flex flex-col gap-200 sm:flex-row" className="space-y-200"
value={value} value={value}
onValueChange={onChange} onValueChange={onChange}
> >
<div className="flex flex-col gap-200 sm:flex-row">
{["General Enquiry", "Support Request"].map((label) => ( {["General Enquiry", "Support Request"].map((label) => (
<RadioGroup.Item <RadioGroup.Item
className="group w-full rounded-lg border-[1px] border-grey-500 px-300 py-150 text-left hover:border-green-600 data-[state='checked']:border-green-600 data-[state='checked']:bg-green-200" className="group w-full rounded-lg border-[1px] border-grey-500 px-300 py-150 text-left hover:border-green-600 data-[state='checked']:border-green-600 data-[state='checked']:bg-green-200"
@ -120,6 +121,7 @@ export default function App() {
</label> </label>
</RadioGroup.Item> </RadioGroup.Item>
))} ))}
</div>
{invalid && ( {invalid && (
<p className="text-body-sm text-red"> <p className="text-body-sm text-red">
Please select a query type Please select a query type