refactor(core): imrpove spacing between fields in account

bigcommerce · Aug 1, 2024 · f867297 · f867297
1 parent 2d480fd
commit f867297
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 5 deletions.
diff --git a/core/app/[locale]/(default)/account/[tab]/_components/addresses-content/add-address.tsx b/core/app/[locale]/(default)/account/[tab]/_components/addresses-content/add-address.tsx
@@ -201,7 +201,7 @@ export const AddAddress = ({
         </Message>
       )}
       <Form action={onSubmit} onClick={preSubmitFieldsValidation} ref={form}>
-        <div className="grid grid-cols-1 gap-y-6 lg:grid-cols-2 lg:gap-x-6 lg:gap-y-2">
+        <div className="grid grid-cols-1 gap-y-3 lg:grid-cols-2 lg:gap-x-6">
           {addressFields.map((field) => {
             const fieldId = field.entityId;
             const fieldName = createFieldName(field, 'address');

diff --git a/core/app/[locale]/(default)/account/[tab]/_components/addresses-content/edit-address.tsx b/core/app/[locale]/(default)/account/[tab]/_components/addresses-content/edit-address.tsx
@@ -228,7 +228,7 @@ export const EditAddress = ({
         </Message>
       )}
       <Form action={onSubmit} onClick={preSubmitFieldsValidation} ref={form}>
-        <div className="grid grid-cols-1 gap-y-6 lg:grid-cols-2 lg:gap-x-6 lg:gap-y-4">
+        <div className="grid grid-cols-1 gap-y-3 lg:grid-cols-2 lg:gap-x-6">
           {addressFields.map((field) => {
             const fieldId = field.entityId;
             const fieldName = createFieldName(field, 'address');

diff --git a/core/app/[locale]/(default)/account/[tab]/_components/update-settings-form/index.tsx b/core/app/[locale]/(default)/account/[tab]/_components/update-settings-form/index.tsx
@@ -210,7 +210,7 @@ export const UpdateSettingsForm = ({
         </Message>
       )}
       <Form action={onSubmit} onClick={preSubmitFieldsValidation} ref={form}>
-        <div className="mb-10 mt-8 grid grid-cols-1 gap-y-6 text-base lg:grid-cols-2 lg:gap-x-6 lg:gap-y-4">
+        <div className="mb-10 mt-8 grid grid-cols-1 gap-y-3 text-base lg:grid-cols-2 lg:gap-x-6">
           {addressFields.map((field) => {
             const fieldName = FieldNameToFieldId[field.entityId] ?? '';
 

diff --git a/...p/[locale]/(default)/login/register-customer/_components/register-customer-form/index.tsx b/...p/[locale]/(default)/login/register-customer/_components/register-customer-form/index.tsx
@@ -273,7 +273,7 @@ export const RegisterCustomerForm = ({
         </Message>
       )}
       <Form action={onSubmit} onClick={preSubmitFieldsValidation} ref={form}>
-        <div className="mb-4 grid grid-cols-1 gap-y-6 lg:grid-cols-2 lg:gap-x-6 lg:gap-y-4">
+        <div className="mb-4 grid grid-cols-1 gap-y-3 lg:grid-cols-2 lg:gap-x-6">
           {customerFields
             .filter((field) => !CUSTOMER_FIELDS_TO_EXCLUDE.includes(field.entityId))
             .map((field) => {
@@ -393,7 +393,7 @@ export const RegisterCustomerForm = ({
               }
             })}
         </div>
-        <div className="grid grid-cols-1 gap-y-6 lg:grid-cols-2 lg:gap-x-6 lg:gap-y-4">
+        <div className="grid grid-cols-1 gap-y-3 lg:grid-cols-2 lg:gap-x-6">
           {addressFields.map((field) => {
             const fieldId = field.entityId;
             const fieldName = createFieldName(field, 'address');