@wlloyalty/wll-react-sdk 1.0.78 → 1.0.80
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/native.js +7 -2
- package/dist/native.js.map +1 -1
- package/dist/web.js +11 -5
- package/dist/web.js.map +1 -1
- package/package.json +1 -1
package/dist/native.js
CHANGED
|
@@ -3658,7 +3658,8 @@ var Grid = function (_a) {
|
|
|
3658
3658
|
else {
|
|
3659
3659
|
var horizontalPadding = GRID_GAP;
|
|
3660
3660
|
var availableWidth = SCREEN_WIDTH - horizontalPadding * 2;
|
|
3661
|
-
var
|
|
3661
|
+
var gapSpace = (columns - 1) * GRID_GAP;
|
|
3662
|
+
var tileWidth = Math.floor((availableWidth - gapSpace) / columns);
|
|
3662
3663
|
return {
|
|
3663
3664
|
width: tileWidth,
|
|
3664
3665
|
marginBottom: GRID_GAP,
|
|
@@ -3698,7 +3699,8 @@ var Grid = function (_a) {
|
|
|
3698
3699
|
tileContainers.push(jsxRuntimeExports.jsx(reactNative.View, { style: [
|
|
3699
3700
|
// @ts-ignore Web uses CSS calc strings for responsive layouts, while ViewStyle expects numbers
|
|
3700
3701
|
getTileWidth(columnsPerRow),
|
|
3701
|
-
!isLastInRow && { marginRight: GRID_GAP },
|
|
3702
|
+
IS_WEB && !isLastInRow && { marginRight: GRID_GAP },
|
|
3703
|
+
{ overflow: 'hidden' },
|
|
3702
3704
|
], children: jsxRuntimeExports.jsx(TileContainer, { tiles: currentTiles }) }, "container-".concat(index)));
|
|
3703
3705
|
currentTiles = [];
|
|
3704
3706
|
}
|
|
@@ -3712,6 +3714,7 @@ var styles$2 = reactNative.StyleSheet.create({
|
|
|
3712
3714
|
flexDirection: 'row',
|
|
3713
3715
|
flexWrap: 'wrap',
|
|
3714
3716
|
width: '100%',
|
|
3717
|
+
justifyContent: 'space-between', // Ensure tiles are evenly spaced
|
|
3715
3718
|
},
|
|
3716
3719
|
});
|
|
3717
3720
|
|
|
@@ -4658,10 +4661,12 @@ var styles = reactNative.StyleSheet.create({
|
|
|
4658
4661
|
flexDirection: 'column',
|
|
4659
4662
|
flex: 1,
|
|
4660
4663
|
aspectRatio: 1,
|
|
4664
|
+
width: '100%', // Ensure the container takes full width
|
|
4661
4665
|
},
|
|
4662
4666
|
tileContainer: {
|
|
4663
4667
|
flex: 1,
|
|
4664
4668
|
aspectRatio: 1,
|
|
4669
|
+
width: '100%', // Ensure each tile takes full width of its container
|
|
4665
4670
|
},
|
|
4666
4671
|
halfTileContainer: {
|
|
4667
4672
|
flex: 0.5,
|