@rpg-engine/long-bow 0.8.222 → 0.8.223
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 +3 -3
- 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 +3 -3
- package/dist/long-bow.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Store/CartView.tsx +21 -3
package/package.json
CHANGED
|
@@ -286,16 +286,26 @@ const CloseButton = styled.div`
|
|
|
286
286
|
|
|
287
287
|
const MainContent = styled.div`
|
|
288
288
|
display: grid;
|
|
289
|
-
grid-template-columns: 1fr 260px;
|
|
289
|
+
grid-template-columns: minmax(0, 1fr) 260px;
|
|
290
290
|
gap: 1rem;
|
|
291
291
|
flex: 1;
|
|
292
292
|
min-height: 0;
|
|
293
293
|
margin: 1rem 0;
|
|
294
294
|
|
|
295
295
|
@media (max-width: 700px) {
|
|
296
|
-
grid-template-columns: 1fr;
|
|
296
|
+
grid-template-columns: minmax(0, 1fr) 180px;
|
|
297
297
|
gap: 0.75rem;
|
|
298
298
|
}
|
|
299
|
+
|
|
300
|
+
@media (max-width: 480px) {
|
|
301
|
+
grid-template-columns: minmax(0, 1fr) 130px;
|
|
302
|
+
gap: 0.5rem;
|
|
303
|
+
margin: 0.5rem 0;
|
|
304
|
+
}
|
|
305
|
+
|
|
306
|
+
@media (max-width: 349px) {
|
|
307
|
+
grid-template-columns: 1fr;
|
|
308
|
+
}
|
|
299
309
|
`;
|
|
300
310
|
|
|
301
311
|
const CartItems = styled.div`
|
|
@@ -332,9 +342,11 @@ const OrderSummaryPanel = styled.div`
|
|
|
332
342
|
border: 1px solid rgba(255, 255, 255, 0.08);
|
|
333
343
|
border-radius: 6px;
|
|
334
344
|
align-self: start;
|
|
345
|
+
min-width: 0;
|
|
335
346
|
|
|
336
347
|
@media (max-width: 480px) {
|
|
337
|
-
padding: 0.
|
|
348
|
+
padding: 0.5rem;
|
|
349
|
+
gap: 0.35rem;
|
|
338
350
|
}
|
|
339
351
|
`;
|
|
340
352
|
|
|
@@ -417,6 +429,12 @@ const OrderSummaryLabel = styled.div`
|
|
|
417
429
|
text-transform: uppercase;
|
|
418
430
|
letter-spacing: 0.05em;
|
|
419
431
|
margin-bottom: 0.25rem;
|
|
432
|
+
|
|
433
|
+
@media (max-width: 480px) {
|
|
434
|
+
font-size: 0.45rem;
|
|
435
|
+
letter-spacing: 0;
|
|
436
|
+
margin-bottom: 0;
|
|
437
|
+
}
|
|
420
438
|
`;
|
|
421
439
|
|
|
422
440
|
const TotalRow = styled.div<{ $isTotal?: boolean }>`
|