lighteningcards 2.2.2 → 2.2.3
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/index.cjs.js +9 -7
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +9 -7
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/LightningCardHTML.js +16 -14
package/dist/index.esm.js
CHANGED
|
@@ -44662,9 +44662,9 @@ const LightningCardHTML = ({
|
|
|
44662
44662
|
} = animateThunderSprite(img, 3, 10, true, 0.25);
|
|
44663
44663
|
if (canvas) {
|
|
44664
44664
|
canvas.style.position = "absolute";
|
|
44665
|
-
canvas.style.left = isDesktop ? "calc(50% - 40px)" : "
|
|
44665
|
+
canvas.style.left = isDesktop ? "calc(50% - 40px)" : "25%";
|
|
44666
44666
|
canvas.style.top = "calc(50% + 15px)";
|
|
44667
|
-
canvas.style.transform = "translate(-50%, -50%) scale(0.3)";
|
|
44667
|
+
canvas.style.transform = isDesktop ? "translate(-50%, -50%) scale(0.3)" : "translate(-50%, -50%) scale(0.22)";
|
|
44668
44668
|
canvas.style.zIndex = "1";
|
|
44669
44669
|
thunderLeftRef.current.appendChild(canvas);
|
|
44670
44670
|
}
|
|
@@ -44683,9 +44683,9 @@ const LightningCardHTML = ({
|
|
|
44683
44683
|
} = animateThunderSprite(img, 3, 10, true, 0.25);
|
|
44684
44684
|
if (canvas) {
|
|
44685
44685
|
canvas.style.position = "absolute";
|
|
44686
|
-
canvas.style.right = isDesktop ? "calc(50% - 40px)" : "
|
|
44686
|
+
canvas.style.right = isDesktop ? "calc(50% - 40px)" : "25%";
|
|
44687
44687
|
canvas.style.top = "calc(50% + 15px)";
|
|
44688
|
-
canvas.style.transform = "translate(50%, -50%) scale(0.3)";
|
|
44688
|
+
canvas.style.transform = isDesktop ? "translate(50%, -50%) scale(0.3)" : "translate(50%, -50%) scale(0.22)";
|
|
44689
44689
|
canvas.style.zIndex = "1";
|
|
44690
44690
|
thunderRightRef.current.appendChild(canvas);
|
|
44691
44691
|
}
|
|
@@ -44790,7 +44790,7 @@ const LightningCardHTML = ({
|
|
|
44790
44790
|
width: "100%",
|
|
44791
44791
|
height: "100%",
|
|
44792
44792
|
position: "relative",
|
|
44793
|
-
overflow: "hidden"
|
|
44793
|
+
overflow: isDesktop ? "hidden" : "visible"
|
|
44794
44794
|
}
|
|
44795
44795
|
}, /*#__PURE__*/React.createElement("div", {
|
|
44796
44796
|
ref: thunderLeftRef,
|
|
@@ -44798,7 +44798,8 @@ const LightningCardHTML = ({
|
|
|
44798
44798
|
position: "absolute",
|
|
44799
44799
|
width: "100%",
|
|
44800
44800
|
height: "100%",
|
|
44801
|
-
pointerEvents: "none"
|
|
44801
|
+
pointerEvents: "none",
|
|
44802
|
+
overflow: "visible"
|
|
44802
44803
|
}
|
|
44803
44804
|
}), /*#__PURE__*/React.createElement("div", {
|
|
44804
44805
|
ref: thunderRightRef,
|
|
@@ -44806,7 +44807,8 @@ const LightningCardHTML = ({
|
|
|
44806
44807
|
position: "absolute",
|
|
44807
44808
|
width: "100%",
|
|
44808
44809
|
height: "100%",
|
|
44809
|
-
pointerEvents: "none"
|
|
44810
|
+
pointerEvents: "none",
|
|
44811
|
+
overflow: "visible"
|
|
44810
44812
|
}
|
|
44811
44813
|
}), /*#__PURE__*/React.createElement("div", {
|
|
44812
44814
|
ref: thunderMiddleTopRef,
|