diff --git a/src/components/modules/account/AccountPage/components/AccountInfomation/AccountInfomation.module.scss b/src/components/modules/account/AccountPage/components/AccountInfomation/AccountInfomation.module.scss index 6e8150f1b..7b35b673b 100644 --- a/src/components/modules/account/AccountPage/components/AccountInfomation/AccountInfomation.module.scss +++ b/src/components/modules/account/AccountPage/components/AccountInfomation/AccountInfomation.module.scss @@ -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; } } } \ No newline at end of file diff --git a/src/components/modules/account/AccountPage/components/AccountInfomation/AccountInfomation.tsx b/src/components/modules/account/AccountPage/components/AccountInfomation/AccountInfomation.tsx index dac651fea..1506bc91b 100644 --- a/src/components/modules/account/AccountPage/components/AccountInfomation/AccountInfomation.tsx +++ b/src/components/modules/account/AccountPage/components/AccountInfomation/AccountInfomation.tsx @@ -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} -
Edit
+
+ Edit +
) }