@bigbinary/neeto-site-blocks 2.0.1 → 2.0.2
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 +10 -2
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.js +10 -2
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -17211,10 +17211,18 @@ var PricingInCardView = function PricingInCardView(_ref) {
|
|
|
17211
17211
|
button = _ref2.button,
|
|
17212
17212
|
features = _ref2.features;
|
|
17213
17213
|
var pricing = renderPricing(pricingPlan, yearlyPricing, monthlyPricing);
|
|
17214
|
+
var currRow = Math.floor(index / 3) + 1;
|
|
17215
|
+
var totalRows = Math.ceil(tiers.length / 3);
|
|
17214
17216
|
return /*#__PURE__*/jsxs(StyledWrapper, {
|
|
17215
17217
|
design: design.tierBlock,
|
|
17216
|
-
className: classnames("
|
|
17217
|
-
|
|
17218
|
+
className: classnames("inline-flex flex-col justify-between", {
|
|
17219
|
+
// 1 tier: center it with col-start-3 and span 8
|
|
17220
|
+
"col-span-4 col-start-5": currRow === totalRows && tiers.length % 3 === 1,
|
|
17221
|
+
// 2 tiers: center them in col 3–10 (each takes 4 columns)
|
|
17222
|
+
"col-span-4 col-start-3": currRow === totalRows && tiers.length % 3 === 2 && index % 3 === 0,
|
|
17223
|
+
"col-span-4 col-start-7": currRow === totalRows && tiers.length % 3 === 2 && index % 3 === 1,
|
|
17224
|
+
// 3 tiers: natural 4-column layout across all 12
|
|
17225
|
+
"col-span-12 sm:col-span-6 lg:col-span-4": tiers.length % 3 === 0 || currRow !== totalRows
|
|
17218
17226
|
}),
|
|
17219
17227
|
children: [/*#__PURE__*/jsxs("div", {
|
|
17220
17228
|
children: [/*#__PURE__*/jsx(Typography$1, _objectSpread$2(_objectSpread$2({
|