From 07f9ecb32f64736f81cfc2513c7fa272fca975ae Mon Sep 17 00:00:00 2001
From: Martin Bavio <mbavio@gmail.com>
Date: Tue, 27 Oct 2020 01:09:55 -0300
Subject: [PATCH] Make profile left column size consistent
---
pages/profile.tsx | 24 +++++++++++++-----------
1 file changed, 13 insertions(+), 11 deletions(-)
diff --git a/pages/profile.tsx b/pages/profile.tsx
index 4dcb39bd7..78e2fb05a 100644
--- a/pages/profile.tsx
+++ b/pages/profile.tsx
@@ -3,21 +3,23 @@ import { Container, Text } from '@components/ui'
import useCustomer from '@bigcommerce/storefront-data-hooks/dist/use-customer'
export default function Profile() {
const { data } = useCustomer()
- console.log(data)
+
return (
<Container>
<Text variant="pageHeading">My Profile</Text>
{data && (
- <div className="max-w-2xl flex flex-col space-y-5">
- <div>
- <Text variant="sectionHeading">Full Name</Text>
- <span>
- {data.firstName} {data.lastName}
- </span>
- </div>
- <div>
- <Text variant="sectionHeading">Email</Text>
- <span>{data.email}</span>
+ <div className="grid lg:grid-cols-12">
+ <div className="lg:col-span-8 pr-4">
+ <div>
+ <Text variant="sectionHeading">Full Name</Text>
+ <span>
+ {data.firstName} {data.lastName}
+ </span>
+ </div>
+ <div className="mt-5">
+ <Text variant="sectionHeading">Email</Text>
+ <span>{data.email}</span>
+ </div>
</div>
</div>
)}