@rpg-engine/long-bow 0.8.222 → 0.8.224
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/long-bow.cjs.development.js +7 -5
- package/dist/long-bow.cjs.development.js.map +1 -1
- package/dist/long-bow.cjs.production.min.js +1 -1
- package/dist/long-bow.cjs.production.min.js.map +1 -1
- package/dist/long-bow.esm.js +7 -5
- package/dist/long-bow.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Store/CartView.tsx +22 -6
package/package.json
CHANGED
|
@@ -286,15 +286,19 @@ const CloseButton = styled.div`
|
|
|
286
286
|
|
|
287
287
|
const MainContent = styled.div`
|
|
288
288
|
display: grid;
|
|
289
|
-
grid-template-columns:
|
|
289
|
+
grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
|
|
290
290
|
gap: 1rem;
|
|
291
291
|
flex: 1;
|
|
292
292
|
min-height: 0;
|
|
293
293
|
margin: 1rem 0;
|
|
294
294
|
|
|
295
|
-
@media (max-width:
|
|
295
|
+
@media (max-width: 480px) {
|
|
296
|
+
gap: 0.5rem;
|
|
297
|
+
margin: 0.5rem 0;
|
|
298
|
+
}
|
|
299
|
+
|
|
300
|
+
@media (max-width: 349px) {
|
|
296
301
|
grid-template-columns: 1fr;
|
|
297
|
-
gap: 0.75rem;
|
|
298
302
|
}
|
|
299
303
|
`;
|
|
300
304
|
|
|
@@ -332,9 +336,11 @@ const OrderSummaryPanel = styled.div`
|
|
|
332
336
|
border: 1px solid rgba(255, 255, 255, 0.08);
|
|
333
337
|
border-radius: 6px;
|
|
334
338
|
align-self: start;
|
|
339
|
+
min-width: 0;
|
|
335
340
|
|
|
336
341
|
@media (max-width: 480px) {
|
|
337
|
-
padding: 0.
|
|
342
|
+
padding: 0.5rem;
|
|
343
|
+
gap: 0.35rem;
|
|
338
344
|
}
|
|
339
345
|
`;
|
|
340
346
|
|
|
@@ -417,6 +423,12 @@ const OrderSummaryLabel = styled.div`
|
|
|
417
423
|
text-transform: uppercase;
|
|
418
424
|
letter-spacing: 0.05em;
|
|
419
425
|
margin-bottom: 0.25rem;
|
|
426
|
+
|
|
427
|
+
@media (max-width: 480px) {
|
|
428
|
+
font-size: 0.45rem;
|
|
429
|
+
letter-spacing: 0;
|
|
430
|
+
margin-bottom: 0;
|
|
431
|
+
}
|
|
420
432
|
`;
|
|
421
433
|
|
|
422
434
|
const TotalRow = styled.div<{ $isTotal?: boolean }>`
|
|
@@ -437,10 +449,14 @@ const TotalRow = styled.div<{ $isTotal?: boolean }>`
|
|
|
437
449
|
color: #fef08a;
|
|
438
450
|
}
|
|
439
451
|
|
|
440
|
-
@media (max-width:
|
|
441
|
-
font-size: ${p => p.$isTotal ? '0.
|
|
452
|
+
@media (max-width: 700px) {
|
|
453
|
+
font-size: ${p => p.$isTotal ? '0.75rem' : '0.6rem'};
|
|
442
454
|
gap: 0.5rem;
|
|
443
455
|
}
|
|
456
|
+
|
|
457
|
+
@media (max-width: 480px) {
|
|
458
|
+
font-size: ${p => p.$isTotal ? '0.65rem' : '0.5rem'};
|
|
459
|
+
}
|
|
444
460
|
`;
|
|
445
461
|
|
|
446
462
|
const PaymentMethodRow = styled.div`
|