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