add basic contact info layout
This commit is contained in:
parent
3727bae414
commit
3720a0ea5f
@ -22,7 +22,7 @@ const contacts: ContactDetails[] = [
|
|||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
const ContactForm = ({details}: {details: ContactDetails}) => {
|
const ContactForm = ({ details }: { details: ContactDetails }) => {
|
||||||
return (
|
return (
|
||||||
<section className="grow p-8">
|
<section className="grow p-8">
|
||||||
<div className="mx-auto w-fit text-left">
|
<div className="mx-auto w-fit text-left">
|
||||||
@ -31,7 +31,7 @@ const ContactForm = ({details}: {details: ContactDetails}) => {
|
|||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
);
|
);
|
||||||
}
|
};
|
||||||
|
|
||||||
const Contact: NextPage = () => {
|
const Contact: NextPage = () => {
|
||||||
return (
|
return (
|
||||||
@ -45,9 +45,7 @@ const Contact: NextPage = () => {
|
|||||||
</TopLabel>
|
</TopLabel>
|
||||||
<div className="flex flex-row divide-x divide-neutral-500">
|
<div className="flex flex-row divide-x divide-neutral-500">
|
||||||
{contacts.map((contactDetails, index) => {
|
{contacts.map((contactDetails, index) => {
|
||||||
return (
|
return <ContactForm key={index} details={contactDetails} />;
|
||||||
<ContactForm key={index} details={contactDetails} />
|
|
||||||
);
|
|
||||||
})}
|
})}
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user