@rpg-engine/long-bow 0.8.221 → 0.8.222
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 +8 -6
- 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 +8 -6
- package/dist/long-bow.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/DraggableContainer.tsx +6 -0
- package/src/components/Store/CartView.tsx +19 -0
package/package.json
CHANGED
|
@@ -181,6 +181,12 @@ const Container = styled.div<IContainerProps>`
|
|
|
181
181
|
&.rpgui-container {
|
|
182
182
|
padding-top: 1.5rem;
|
|
183
183
|
}
|
|
184
|
+
|
|
185
|
+
@media (max-width: 600px) {
|
|
186
|
+
width: 100vw !important;
|
|
187
|
+
min-width: unset !important;
|
|
188
|
+
height: 100dvh !important;
|
|
189
|
+
}
|
|
184
190
|
`;
|
|
185
191
|
|
|
186
192
|
const CloseButton = styled.div`
|
|
@@ -252,6 +252,10 @@ const Container = styled.div`
|
|
|
252
252
|
padding: 1rem;
|
|
253
253
|
overflow: hidden;
|
|
254
254
|
box-sizing: border-box;
|
|
255
|
+
|
|
256
|
+
@media (max-width: 480px) {
|
|
257
|
+
padding: 0.75rem 0.5rem;
|
|
258
|
+
}
|
|
255
259
|
`;
|
|
256
260
|
|
|
257
261
|
const Header = styled.div`
|
|
@@ -328,6 +332,10 @@ const OrderSummaryPanel = styled.div`
|
|
|
328
332
|
border: 1px solid rgba(255, 255, 255, 0.08);
|
|
329
333
|
border-radius: 6px;
|
|
330
334
|
align-self: start;
|
|
335
|
+
|
|
336
|
+
@media (max-width: 480px) {
|
|
337
|
+
padding: 0.75rem;
|
|
338
|
+
}
|
|
331
339
|
`;
|
|
332
340
|
|
|
333
341
|
const EmptyCart = styled.div`
|
|
@@ -348,6 +356,11 @@ const CartItemRow = styled.div`
|
|
|
348
356
|
padding: 0.5rem 0.75rem;
|
|
349
357
|
background: rgba(0, 0, 0, 0.2);
|
|
350
358
|
border-radius: 4px;
|
|
359
|
+
|
|
360
|
+
@media (max-width: 480px) {
|
|
361
|
+
gap: 0.5rem;
|
|
362
|
+
padding: 0.4rem 0.5rem;
|
|
363
|
+
}
|
|
351
364
|
`;
|
|
352
365
|
|
|
353
366
|
const ItemIconContainer = styled.div`
|
|
@@ -376,6 +389,7 @@ const ItemName = styled.div`
|
|
|
376
389
|
const ItemInfo = styled.div`
|
|
377
390
|
display: flex;
|
|
378
391
|
align-items: center;
|
|
392
|
+
flex-wrap: wrap;
|
|
379
393
|
gap: 0.4rem;
|
|
380
394
|
font-family: 'Press Start 2P', cursive;
|
|
381
395
|
font-size: 0.55rem;
|
|
@@ -422,6 +436,11 @@ const TotalRow = styled.div<{ $isTotal?: boolean }>`
|
|
|
422
436
|
span:last-child {
|
|
423
437
|
color: #fef08a;
|
|
424
438
|
}
|
|
439
|
+
|
|
440
|
+
@media (max-width: 480px) {
|
|
441
|
+
font-size: ${p => p.$isTotal ? '0.7rem' : '0.55rem'};
|
|
442
|
+
gap: 0.5rem;
|
|
443
|
+
}
|
|
425
444
|
`;
|
|
426
445
|
|
|
427
446
|
const PaymentMethodRow = styled.div`
|