crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-22 20:26:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

🐛 bug: fix bug in Account Page

Browse Source
This commit is contained in:
sonnguyenkieio
2021-09-16 15:04:33 +07:00
parent bb5aec7dba
commit fbfa580ade
2 changed files with 13 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/modules/account/AccountPage/components/AccountInfomation/AccountInfomation.module.scss
View File

@@ -56,22 +56,20 @@
} }
.editInfoBtn { .editInfoBtn {
@apply text-center font-bold custom-border-radius; @apply flex items-center justify-center;
margin: auto;
margin-top: 2.4rem; margin-top: 2.4rem;
margin-bottom: 2.4rem; margin-bottom: 2.4rem;
padding: .8rem 1.6rem; // padding: .8rem 1.6rem;
color: #141414; // color: #141414;
border: 1px solid #141414; // border: 1px solid #141414;
max-width: 8.8rem; // max-width: 8.8rem;
&:hover { ButtonCommon {
@apply cursor-pointer; height: 700px;
background-color: #FBFBFB;
} }
@screen md { @screen md {
margin-left: 0; @apply block;
} }
} }
} }

6
src/components/modules/account/AccountPage/components/AccountInfomation/AccountInfomation.tsx
View File

@@ -4,6 +4,8 @@ import s from './AccountInfomation.module.scss'
import Image from "next/image" import Image from "next/image"
import avatar from '../../assets/avatar.png'; import avatar from '../../assets/avatar.png';
import { ButtonCommon } from 'src/components/common'
interface AccountProps { interface AccountProps {
name: string, email: string, address: string, state: string, city: string, postalCode: string, phoneNumber: string name: string, email: string, address: string, state: string, city: string, postalCode: string, phoneNumber: string
} }
@@ -44,7 +46,9 @@ const AccountInfomation = ({ account, onClick } : AccountInfomationProps) => {
{account.phoneNumber} {account.phoneNumber}
</div> </div>
<div onClick={showEditForm} className={s.editInfoBtn}>Edit</div> <div className={s.editInfoBtn}>
<ButtonCommon onClick={showEditForm} type="light">Edit</ButtonCommon>
</div>
</section> </section>
) )
} }