@wlloyalty/wll-react-sdk 1.0.79 → 1.0.81

package/dist/web.js

@@ -20566,9 +20566,7 @@ var Grid = function (_a) {
         aspectRatio: 1
       };
     } else {
-      // For mobile, we need to be very precise with our calculations
-      var horizontalPadding = GRID_GAP;
-      var availableWidth = SCREEN_WIDTH - horizontalPadding * 2;
+      var availableWidth = SCREEN_WIDTH - GRID_GAP * 2;
       var gapSpace = (columns - 1) * GRID_GAP;
       var tileWidth = Math.floor((availableWidth - gapSpace) / columns);
       return {
@@ -20604,12 +20602,11 @@ var Grid = function (_a) {
           key: "container-".concat(index),
           style: [
           // @ts-ignore Web uses CSS calc strings for responsive layouts, while ViewStyle expects numbers
-          getTileWidth(columnsPerRow), !isLastInRow && {
+          getTileWidth(columnsPerRow), IS_WEB && !isLastInRow && {
             marginRight: GRID_GAP
           }, {
             overflow: 'hidden'
-          } // Prevent content from overflowing
-          ]
+          }]
         }, /*#__PURE__*/React.createElement(TileContainer, {
           tiles: currentTiles
         })));
@@ -21993,15 +21990,15 @@ var styles = StyleSheet$1.create({
     flexDirection: 'column',
     flex: 1,
     aspectRatio: 1,
-    width: '100%' // Ensure the container takes full width
+    width: '100%'
   },
   tileContainer: {
     flex: 1,
-    aspectRatio: 1,
-    width: '100%' // Ensure each tile takes full width of its container
+    width: '100%'
   },
   halfTileContainer: {
-    flex: 0.5
+    flex: 0.5,
+    height: '50%'
   }
 });