@rpg-engine/long-bow 0.8.223 → 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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rpg-engine/long-bow",
3
- "version": "0.8.223",
3
+ "version": "0.8.224",
4
4
  "license": "MIT",
5
5
  "main": "dist/index.js",
6
6
  "typings": "dist/index.d.ts",
@@ -286,19 +286,13 @@ const CloseButton = styled.div`
286
286
 
287
287
  const MainContent = styled.div`
288
288
  display: grid;
289
- grid-template-columns: minmax(0, 1fr) 260px;
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: 700px) {
296
- grid-template-columns: minmax(0, 1fr) 180px;
297
- gap: 0.75rem;
298
- }
299
-
300
295
  @media (max-width: 480px) {
301
- grid-template-columns: minmax(0, 1fr) 130px;
302
296
  gap: 0.5rem;
303
297
  margin: 0.5rem 0;
304
298
  }
@@ -455,10 +449,14 @@ const TotalRow = styled.div<{ $isTotal?: boolean }>`
455
449
  color: #fef08a;
456
450
  }
457
451
 
458
- @media (max-width: 480px) {
459
- font-size: ${p => p.$isTotal ? '0.7rem' : '0.55rem'};
452
+ @media (max-width: 700px) {
453
+ font-size: ${p => p.$isTotal ? '0.75rem' : '0.6rem'};
460
454
  gap: 0.5rem;
461
455
  }
456
+
457
+ @media (max-width: 480px) {
458
+ font-size: ${p => p.$isTotal ? '0.65rem' : '0.5rem'};
459
+ }
462
460
  `;
463
461
 
464
462
  const PaymentMethodRow = styled.div`