styling, formatting, validation

This commit is contained in:
Amruth Pillai
2020-03-25 11:39:33 +05:30
parent 8521b1125b
commit 36800a944e
11 changed files with 143 additions and 64 deletions

View File

@ -4,7 +4,7 @@ import TextField from '../../../shared/TextField';
const ProfileTab = ({ data, onChange }) => (
<div>
<TextField
className="mb-4"
className="mb-6"
label="Photo URL"
placeholder="https://i.imgur.com/..."
value={data.profile.photo}
@ -13,7 +13,7 @@ const ProfileTab = ({ data, onChange }) => (
<div className="grid grid-cols-2 col-gap-4">
<TextField
className="mb-4"
className="mb-6"
label="First Name"
placeholder="Jane"
value={data.profile.firstName}
@ -21,7 +21,7 @@ const ProfileTab = ({ data, onChange }) => (
/>
<TextField
className="mb-4"
className="mb-6"
label="Last Name"
placeholder="Doe"
value={data.profile.lastName}
@ -30,7 +30,7 @@ const ProfileTab = ({ data, onChange }) => (
</div>
<TextField
className="mb-4"
className="mb-6"
label="Subtitle"
placeholder="Full Stack Web Developer"
value={data.profile.subtitle}
@ -40,7 +40,7 @@ const ProfileTab = ({ data, onChange }) => (
<hr className="my-6" />
<TextField
className="mb-4"
className="mb-6"
label="Address Line 1"
placeholder="Palladium Complex"
value={data.profile.address.line1}
@ -48,7 +48,7 @@ const ProfileTab = ({ data, onChange }) => (
/>
<TextField
className="mb-4"
className="mb-6"
label="Address Line 2"
placeholder="140 E 14th St"
value={data.profile.address.line2}
@ -56,7 +56,7 @@ const ProfileTab = ({ data, onChange }) => (
/>
<TextField
className="mb-4"
className="mb-6"
label="Address Line 3"
placeholder="New York, NY 10003 USA"
value={data.profile.address.line3}
@ -66,7 +66,7 @@ const ProfileTab = ({ data, onChange }) => (
<hr className="my-6" />
<TextField
className="mb-4"
className="mb-6"
label="Phone Number"
placeholder="+1 541 754 3010"
value={data.profile.phone}
@ -74,7 +74,7 @@ const ProfileTab = ({ data, onChange }) => (
/>
<TextField
className="mb-4"
className="mb-6"
label="Website"
placeholder="google.com"
value={data.profile.website}
@ -82,7 +82,7 @@ const ProfileTab = ({ data, onChange }) => (
/>
<TextField
className="mb-4"
className="mb-6"
label="Email Address"
placeholder="john.doe@example.com"
value={data.profile.email}