@rpg-engine/long-bow 0.8.215 → 0.8.217
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 -16
- 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 -16
- package/dist/long-bow.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Store/Store.tsx +4 -35
package/package.json
CHANGED
|
@@ -528,19 +528,9 @@ export const Store: React.FC<IStoreProps> = ({
|
|
|
528
528
|
</MainContent>
|
|
529
529
|
{cartItems.length > 0 && (
|
|
530
530
|
<Footer>
|
|
531
|
-
<CartSummary>
|
|
532
|
-
<CartInfo>
|
|
533
|
-
<span>Items in cart:</span>
|
|
534
|
-
<span>{getTotalItems()}</span>
|
|
535
|
-
</CartInfo>
|
|
536
|
-
<CartInfo>
|
|
537
|
-
<span>Total:</span>
|
|
538
|
-
<span>{currencySymbol}{getTotalPrice().toFixed(2)}</span>
|
|
539
|
-
</CartInfo>
|
|
540
|
-
</CartSummary>
|
|
541
531
|
<CTAButton
|
|
542
532
|
icon={<FaShoppingCart />}
|
|
543
|
-
label={`
|
|
533
|
+
label={`Checkout · ${getTotalItems()} item${getTotalItems() !== 1 ? 's' : ''} (${currencySymbol}${getTotalPrice().toFixed(2)})`}
|
|
544
534
|
onClick={handleOpenCart}
|
|
545
535
|
fullWidth
|
|
546
536
|
/>
|
|
@@ -556,9 +546,10 @@ const Container = styled.div`
|
|
|
556
546
|
display: flex;
|
|
557
547
|
flex-direction: column;
|
|
558
548
|
width: 100%;
|
|
559
|
-
height: 100
|
|
549
|
+
height: calc(100% - 48px);
|
|
560
550
|
gap: 0.5rem;
|
|
561
551
|
position: relative;
|
|
552
|
+
overflow: hidden;
|
|
562
553
|
`;
|
|
563
554
|
|
|
564
555
|
const HeaderRow = styled.div`
|
|
@@ -613,34 +604,12 @@ const TabContent = styled.div`
|
|
|
613
604
|
`;
|
|
614
605
|
|
|
615
606
|
const Footer = styled.div`
|
|
616
|
-
|
|
617
|
-
flex-direction: column;
|
|
618
|
-
gap: 1rem;
|
|
619
|
-
padding: 1rem;
|
|
607
|
+
padding: 0.5rem;
|
|
620
608
|
border-top: 2px solid #f59e0b;
|
|
621
609
|
background: rgba(0, 0, 0, 0.2);
|
|
622
610
|
flex-shrink: 0;
|
|
623
611
|
`;
|
|
624
612
|
|
|
625
|
-
const CartSummary = styled.div`
|
|
626
|
-
display: flex;
|
|
627
|
-
flex-direction: column;
|
|
628
|
-
gap: 0.5rem;
|
|
629
|
-
`;
|
|
630
|
-
|
|
631
|
-
const CartInfo = styled.div`
|
|
632
|
-
display: flex;
|
|
633
|
-
align-items: center;
|
|
634
|
-
gap: 0.75rem;
|
|
635
|
-
font-family: 'Press Start 2P', cursive;
|
|
636
|
-
font-size: 0.75rem;
|
|
637
|
-
color: #ffffff;
|
|
638
|
-
|
|
639
|
-
span:last-child {
|
|
640
|
-
color: #fef08a;
|
|
641
|
-
}
|
|
642
|
-
`;
|
|
643
|
-
|
|
644
613
|
const TabLabelWithBadge = styled.span`
|
|
645
614
|
display: inline-flex;
|
|
646
615
|
align-items: center;
|