style: project settings pages

This commit is contained in:
Aaryan Khandelwal 2023-03-03 13:29:36 +05:30
parent aeadf0ebbf
commit db547cc51a
20 changed files with 653 additions and 708 deletions

View file

@ -127,7 +127,10 @@ export const CreateUpdateStateInline: React.FC<Props> = ({ data, onClose, select
};
return (
<form onSubmit={handleSubmit(onSubmit)} className="flex items-center gap-x-2 bg-gray-50 p-2">
<form
onSubmit={handleSubmit(onSubmit)}
className="flex items-center gap-x-2 rounded-[10px] bg-white p-5"
>
<div className="h-8 w-8 flex-shrink-0">
<Popover className="relative flex h-full w-full items-center justify-center rounded-xl bg-gray-200">
{({ open }) => (
@ -175,7 +178,7 @@ export const CreateUpdateStateInline: React.FC<Props> = ({ data, onClose, select
name="name"
register={register}
autoFocus
placeholder="Enter state name"
placeholder="Name"
validations={{
required: true,
}}
@ -210,7 +213,7 @@ export const CreateUpdateStateInline: React.FC<Props> = ({ data, onClose, select
id="description"
name="description"
register={register}
placeholder="Enter state description"
placeholder="Description"
error={errors.description}
autoComplete="off"
/>