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'; @import '../../../../../../styles/utilities';
.accountNavigationItem { .accountNavigationItem {
@apply custom-border-radius; @apply shape-common;
width: fit-content; width: fit-content;
padding: 1.2rem 1.6rem 1.2rem 0rem; padding: 1.2rem 1.6rem 1.2rem 0rem;
@ -12,7 +12,7 @@
} }
&.active { &.active {
@apply custom-border-radius font-bold; @apply shape-common font-bold;
background-color: var(--primary); background-color: var(--primary);
color: white; color: white;
padding: 1.2rem 1.6rem 1.2rem 1.6rem; 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'; @import '../../../../../../styles/utilities';
.accountInfomation { .accountInfomation {
@apply flex justify-center items-center; @apply block text-center;
text-align: center;
margin-top: 1.6rem; margin-top: 1.6rem;
@screen md { @screen md {
@apply block; @apply text-left;
text-align: left;
margin-top: 0; margin-top: 0;
} }
@ -32,8 +30,13 @@
border: 1px solid var(--disabled); border: 1px solid var(--disabled);
max-width: 39.2rem; max-width: 39.2rem;
min-width: 30rem; min-width: 30rem;
margin: auto;
margin-top: 2.4rem; margin-top: 2.4rem;
margin-bottom: 2.4rem; margin-bottom: 2.4rem;
@screen md {
margin-left: 0;
}
} }
.shippingInfo { .shippingInfo {
@ -42,8 +45,14 @@
} }
.accountAddress { .accountAddress {
max-width: 31rem; margin: auto;
min-width: none; max-width: 28rem;
@screen md {
max-width: 31rem;
min-width: none;
margin-left: 0;
}
} }
.editInfoBtn { .editInfoBtn {

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

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