mirror of
https://github.com/vercel/commerce.git
synced 2025-07-22 20:26:49 +00:00
🎨 styles: cart responsive in mobile
:%s
This commit is contained in:
@@ -3,7 +3,10 @@
|
|||||||
|
|
||||||
.cartDrawer {
|
.cartDrawer {
|
||||||
@apply flex flex-col custom-scroll;
|
@apply flex flex-col custom-scroll;
|
||||||
|
@screen md {
|
||||||
|
@apply h-full;
|
||||||
|
}
|
||||||
.body {
|
.body {
|
||||||
@apply flex flex-col overflow-x-hidden h-full;
|
@apply flex flex-col overflow-x-hidden h-full custom-scroll;
|
||||||
}
|
}
|
||||||
}
|
}
|
@@ -30,12 +30,12 @@
|
|||||||
@apply flex flex-col bg-white;
|
@apply flex flex-col bg-white;
|
||||||
width: fit-content;
|
width: fit-content;
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
width: 100%;
|
width: 90%;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
box-shadow: -3px 0 10px rgba(0, 0, 0, 0.15);
|
box-shadow: -3px 0 10px rgba(0, 0, 0, 0.15);
|
||||||
// transform: none;
|
|
||||||
|
|
||||||
@screen md {
|
@screen md {
|
||||||
|
width: 100%;
|
||||||
max-width: 52rem;
|
max-width: 52rem;
|
||||||
}
|
}
|
||||||
.top {
|
.top {
|
||||||
|
Reference in New Issue
Block a user