@chainplatform/layout 0.2.8 → 0.3.0

package/index.js

@@ -14,6 +14,7 @@ import { getScreenLanding } from "./src/Landing";
 import sdkStyles, { setSize } from "./src/styles";
 import sdkColors from "./src/colors";
 import mobileCheck from "./src/DeviceDetect";
+import { getDoExamLayout } from "./src/Exam";
 
 export default sdkStyles;
 export {
@@ -29,6 +30,7 @@ export {
     getCourseLearingLayout,
     getScreenWebinarSize,
     getScreenLanding,
+    getDoExamLayout,
     sdkColors,
     setSize,
     mobileCheck

package/package.json

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

package/src/Exam.js

@@ -0,0 +1,21 @@
+import sdkStyles, { setSize } from './styles';
+
+export function getDoExamLayout(layoutWidth) {
+    let totalItem = 1;
+    let basePadding = setSize(15);
+    let mainViewWidth = layoutWidth;
+    let subViewWitdh = mainViewWidth;
+    if (layoutWidth > sdkStyles.base_desktop) {
+        totalItem = 2;
+        let width = layoutWidth - (2 * (totalItem + 1)) * basePadding;
+        mainViewWidth = width * 0.7;
+        subViewWitdh = width - mainViewWidth;
+    }
+
+    return {
+        totalItem,
+        mainViewWidth,
+        subViewWitdh,
+        basePadding
+    };
+}