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

Improve proportions

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

4
src/app.jsx
View file

@ -23,7 +23,7 @@ const InputField = ({
const error = errors[_label]?.type == "required"; const error = errors[_label]?.type == "required";
return ( return (
<label className="group block cursor-pointer space-y-100 text-body-sm"> <label className="group block flex-1 cursor-pointer space-y-100 text-body-sm">
<div className="space-x-100 text-grey-900 group-focus-within:text-green-600"> <div className="space-x-100 text-grey-900 group-focus-within:text-green-600">
<span>{label}</span> <span>{label}</span>
{required && <span className="text-green-600">*</span>} {required && <span className="text-green-600">*</span>}
@ -53,7 +53,7 @@ export default function App() {
<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="fixed left-0 top-0 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="w-full max-w-3xl rounded-2xl bg-white p-300 text-grey-900">
<form <form
onSubmit={handleSubmit((data) => { onSubmit={handleSubmit((data) => {
console.log(data); console.log(data);