Merge pull request #13176 from YutaSugimura/add-viewport-new-devices

Addon-viewport: Add viewports of the latest iPhones
storybookjs · Jan 14, 2021 · 210d344 · 210d344
2 parents 817d5f5 + a6067e3
commit 210d344
Showing 1 changed file with 32 additions and 0 deletions.
diff --git a/addons/viewport/src/defaults.ts b/addons/viewport/src/defaults.ts
@@ -57,6 +57,38 @@ export const INITIAL_VIEWPORTS: ViewportMap = {
     },
     type: 'mobile',
   },
+  iphonese2: {
+    name: 'iPhone SE (2nd generation)',
+    styles: {
+      height: '667px',
+      width: '375px',
+    },
+    type: 'mobile',
+  },
+  iphone12mini: {
+    name: 'iPhone 12 mini',
+    styles: {
+      height: '812px',
+      width: '375px',
+    },
+    type: 'mobile',
+  },
+  iphone12: {
+    name: 'iPhone 12',
+    styles: {
+      height: '844px',
+      width: '390px',
+    },
+    type: 'mobile',
+  },
+  iphone12promax: {
+    name: 'iPhone 12 Pro Max',
+    styles: {
+      height: '926px',
+      width: '428px',
+    },
+    type: 'mobile',
+  },
   ipad: {
     name: 'iPad',
     styles: {