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

🎨 styles: cart drawer spacing

Browse Source 
:%s
This commit is contained in:
lytrankieio123
2021-09-14 09:42:06 +07:00
parent 4ae9ace396
commit b312069710
3 changed files with 2 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/common/CartDrawer/CartDrawer.module.scss
View File

@@ -6,7 +6,4 @@
.body { .body {
@apply flex flex-col justify-center overflow-y-auto overflow-x-hidden h-full custom-scroll; @apply flex flex-col justify-center overflow-y-auto overflow-x-hidden h-full custom-scroll;
} }
.bottom {
padding-top: 1.6rem;
}
} }

2
src/components/common/CartDrawer/CartDrawer.tsx
View File

@@ -23,7 +23,7 @@ const CartDrawer = ({ visible, onClose }: Props) => {
<ProductsInCart data={PRODUCT_CART_DATA_TEST}/> <ProductsInCart data={PRODUCT_CART_DATA_TEST}/>
<CartRecommendation /> <CartRecommendation />
</div> </div>
<div className={s.bottom}> <div>
<CartMessage /> <CartMessage />
<CartCheckoutButton /> <CartCheckoutButton />
</div> </div>

2
src/components/common/CartDrawer/components/CartRecommendation/CartRecommendation.module.scss
View File

@@ -2,7 +2,7 @@
.cartRecommendation { .cartRecommendation {
@apply w-full bg-background-gray; @apply w-full bg-background-gray;
padding-bottom: 1.6rem; padding-bottom: 5.4rem;
.top { .top {
@apply flex justify-between items-center; @apply flex justify-between items-center;
padding: 1.6rem; padding: 1.6rem;