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

🚑 fix Account Page

Browse Source
This commit is contained in:
sonnguyenkieio 2021-09-14 19:08:05 +07:00
parent 62017af12d
commit c20150902e
3 changed files with 18 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/modules/account/AccountNavigation/components/AccountNavigationItem/AccountNavigationItem.module.scss
View File

@ -1,7 +1,7 @@
@import '../../../../../../styles/utilities';
.accountNavigationItem {
@apply custom-border-radius;
@apply shape-common;
width: fit-content;
padding: 1.2rem 1.6rem 1.2rem 0rem;
@ -12,7 +12,7 @@
}
&.active {
@apply custom-border-radius font-bold;
@apply shape-common font-bold;
background-color: var(--primary);
color: white;
padding: 1.2rem 1.6rem 1.2rem 1.6rem;

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

@ -1,13 +1,11 @@
@import '../../../../../../styles/utilities';
.accountInfomation {
@apply flex justify-center items-center;
text-align: center;
@apply block text-center;
margin-top: 1.6rem;
@screen md {
@apply block;
text-align: left;
@apply text-left;
margin-top: 0;
}
@ -32,8 +30,13 @@
border: 1px solid var(--disabled);
max-width: 39.2rem;
min-width: 30rem;
margin: auto;
margin-top: 2.4rem;
margin-bottom: 2.4rem;
@screen md {
margin-left: 0;
}
}
.shippingInfo {
@ -42,8 +45,14 @@
}
.accountAddress {
max-width: 31rem;
min-width: none;
margin: auto;
max-width: 28rem;
@screen md {
max-width: 31rem;
min-width: none;
margin-left: 0;
}
}
.editInfoBtn {

1
src/components/modules/account/AccountPage/components/EditInfoModal/EditInfoModal.module.scss
View File

@ -17,6 +17,7 @@
@apply bg-white cursor-pointer;
border: white;
margin-right: 0.8rem;
height: fit-content;
}
.inputPostalCode {