@chainplatform/layout 0.2.3 → 0.2.5

package/index.js

@@ -1,7 +1,6 @@
 import { getLayoutAdmin, getScreenSizeAdmin } from "./src/LayoutAdmin";
 import {
     getScreenSize,
-    getCartLayout,
     getTransactionLayout,
     getCourseLayout,
     getUserCourseLayout,
@@ -9,6 +8,7 @@ import {
     getCourseLearingLayout,
     getScreenWebinarSize
 } from "./src/Layout";
+import { getCartLayout } from "./src/Cart";
 import { getScreenLanding } from "./src/Landing";
 import sdkStyles, { setSize } from "./src/styles";
 import sdkColors from "./src/colors";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chainplatform/layout",
-  "version": "0.2.3",
+  "version": "0.2.5",
   "description": "@chainplatform/layout",
   "main": "index.js",
   "devDependencies": {

package/src/Cart.js

@@ -0,0 +1,16 @@
+import sdkStyles, { setSize } from './styles';
+
+export function getCartLayout(layoutWidth, isDesktop = true) {
+    const basePadding = setSize(15);
+    let totalItem = 1;
+    if (layoutWidth > sdkStyles.base_desktop) {
+        totalItem = 2;
+
+    }
+    itemWidth = layoutWidth - (2 * (totalItem + 1) * basePadding);
+
+    let view = {};
+    view.basePadding = basePadding;
+    view.itemWidth = itemWidth;
+    return view;
+}

package/src/Landing.js

@@ -1,4 +1,4 @@
-import sdkStyles, { setSize } from '@chainplatform/layout';
+import sdkStyles, { setSize } from './styles';
 
 export function getScreenLanding(layoutWidth, isDesktop) {
     let menuViewWidth = setSize(0);

package/src/Layout.js

@@ -163,32 +163,6 @@ export function getScreenSize(layoutWidth, isDesktop, side_bar_width) {
     return view;
 }
 
-export function getCartLayout(layoutWidth, isDesktop, side_bar_width) {
-    let viewPadding = 0;
-    let viewSplit = sdkStyles.w100pc;
-    let borderRadius = 0;
-    let marginBottom = setSize(1);
-    let sideBarWidth = 0;
-    if (isDesktop && layoutWidth > sdkStyles.base_desktop) {
-        sideBarWidth = side_bar_width;
-        borderRadius = setSize(4);
-        marginBottom = setSize(10);
-    }
-    if (layoutWidth >= sdkStyles.wide_split_desktop) {
-        viewSplit = sdkStyles.w50pc;
-    }
-    if (layoutWidth >= 767) {
-        viewPadding = setSize(15);
-    }
-    let view = {};
-    view.viewPadding = viewPadding;
-    view.viewSplit = viewSplit;
-    view.sideBarWidth = sideBarWidth;
-    view.itemBorderRadius = borderRadius;
-    view.itemMarginBottom = marginBottom;
-    return view;
-}
-
 export function getTransactionLayout(layoutWidth, isDesktop) {
     let viewSplit = sdkStyles.w100pc;
     if (isDesktop && layoutWidth >= 767) {