Merge pull request #123 from Open-Earth-Foundation/ON-274

ON-274: Added level cards components for mobile
Open-Earth-Foundation · Apr 7, 2023 · 8dc98bc · 8dc98bc
2 parents 24ccca1 + 0973761
commit 8dc98bc
Show file tree

Hide file tree

Showing 26 changed files with 1,158 additions and 22 deletions.
diff --git a/ui/.storybook/main.js b/ui/.storybook/main.js
@@ -8,9 +8,10 @@ module.exports = {
     "@storybook/addon-essentials",
     "@storybook/addon-interactions",
     "@storybook/addon-postcss",
+    "@storybook/addon-viewport",
     "storybook/addon-postcss",
     "@storybook/preset-create-react-app",
-    "storybook-zeplin/register"
+    "storybook-zeplin/register"    
   ],
   "framework": "@storybook/react",
   "staticDirs": ['../src/shared/css', '../public']

diff --git a/ui/.storybook/preview.js b/ui/.storybook/preview.js
@@ -1,3 +1,16 @@
+import {INITIAL_VIEWPORTS} from "@storybook/addon-viewport";
+
+// Custom viewports
+const MY_VIEWPORTS = {
+  FHD: {
+    name: "FHD - 1080p",
+    styles: {
+      width: "1900",
+      height: "1080"
+    }
+  }
+}
+
 export const parameters = {
   actions: { argTypesRegex: "^on[A-Z].*" },
   controls: {
@@ -6,4 +19,7 @@ export const parameters = {
       date: /Date$/,
     },
   },
+  viewport: {
+    viewports: INITIAL_VIEWPORTS
+  }
 }