src-migrate/pages/shop/cart/cart.module.css


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47

.title {
    @apply text-h-lg font-semibold;
}

.content {
    @apply flex flex-wrap;
}

.item-wrapper {
    @apply w-full md:w-3/4 min-h-screen;
}

.item-skeleton {
    @apply grid grid-cols-1 gap-y-4;
}

.items {
    @apply flex flex-col gap-y-6 border-t border-gray-300 pt-6;
}

.summary-wrapper {
    @apply w-[85%] md:w-1/4 md:pl-6 mt-6 md:mt-0 bottom-8 md:sticky fixed bg-white;
}

.summary {
    @apply border border-gray-300 p-4 rounded-md sticky top-[180px];
}

.summary-buttons {
    @apply grid grid-cols-2 gap-x-3 mt-6;
}

.summary-buttons-step-approval {
    @apply grid grid-cols-1 gap-y-3 mt-6;
}

@media (max-width: 768px) {
    .item-wrapper {
        /* adjust if your bar is taller/shorter */
        padding-bottom: calc(env(safe-area-inset-bottom) + 9rem);
    }

    .summary-wrapper {
        @apply fixed inset-x-0 bottom-0 z-50 md:sticky w-full;
    }
    
}