🐛 bug: fix bug in Account Page

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

View File

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

View File

@@ -4,6 +4,8 @@ import s from './AccountInfomation.module.scss'
import Image from "next/image"
import avatar from '../../assets/avatar.png';
import { ButtonCommon } from 'src/components/common'
interface AccountProps {
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}
</div>
<div onClick={showEditForm} className={s.editInfoBtn}>Edit</div>
<div className={s.editInfoBtn}>
<ButtonCommon onClick={showEditForm} type="light">Edit</ButtonCommon>
</div>
</section>
)
}