Merge pull request #22 from marbiano/profile-page-layout-fix

Profile page layout fix
vercel · Oct 27, 2020 · 034aee8 · 034aee8
2 parents c44ba9f + 4bf4acc
commit 034aee8
Showing 1 changed file with 13 additions and 11 deletions.
diff --git 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>
       )}