1 | export var INITIAL_VIEWPORTS = {
|
2 | iphone5: {
|
3 | name: 'iPhone 5',
|
4 | styles: {
|
5 | height: '568px',
|
6 | width: '320px'
|
7 | },
|
8 | type: 'mobile'
|
9 | },
|
10 | iphone6: {
|
11 | name: 'iPhone 6',
|
12 | styles: {
|
13 | height: '667px',
|
14 | width: '375px'
|
15 | },
|
16 | type: 'mobile'
|
17 | },
|
18 | iphone6p: {
|
19 | name: 'iPhone 6 Plus',
|
20 | styles: {
|
21 | height: '736px',
|
22 | width: '414px'
|
23 | },
|
24 | type: 'mobile'
|
25 | },
|
26 | iphone8p: {
|
27 | name: 'iPhone 8 Plus',
|
28 | styles: {
|
29 | height: '736px',
|
30 | width: '414px'
|
31 | },
|
32 | type: 'mobile'
|
33 | },
|
34 | iphonex: {
|
35 | name: 'iPhone X',
|
36 | styles: {
|
37 | height: '812px',
|
38 | width: '375px'
|
39 | },
|
40 | type: 'mobile'
|
41 | },
|
42 | iphonexr: {
|
43 | name: 'iPhone XR',
|
44 | styles: {
|
45 | height: '896px',
|
46 | width: '414px'
|
47 | },
|
48 | type: 'mobile'
|
49 | },
|
50 | iphonexsmax: {
|
51 | name: 'iPhone XS Max',
|
52 | styles: {
|
53 | height: '896px',
|
54 | width: '414px'
|
55 | },
|
56 | type: 'mobile'
|
57 | },
|
58 | iphonese2: {
|
59 | name: 'iPhone SE (2nd generation)',
|
60 | styles: {
|
61 | height: '667px',
|
62 | width: '375px'
|
63 | },
|
64 | type: 'mobile'
|
65 | },
|
66 | iphone12mini: {
|
67 | name: 'iPhone 12 mini',
|
68 | styles: {
|
69 | height: '812px',
|
70 | width: '375px'
|
71 | },
|
72 | type: 'mobile'
|
73 | },
|
74 | iphone12: {
|
75 | name: 'iPhone 12',
|
76 | styles: {
|
77 | height: '844px',
|
78 | width: '390px'
|
79 | },
|
80 | type: 'mobile'
|
81 | },
|
82 | iphone12promax: {
|
83 | name: 'iPhone 12 Pro Max',
|
84 | styles: {
|
85 | height: '926px',
|
86 | width: '428px'
|
87 | },
|
88 | type: 'mobile'
|
89 | },
|
90 | ipad: {
|
91 | name: 'iPad',
|
92 | styles: {
|
93 | height: '1024px',
|
94 | width: '768px'
|
95 | },
|
96 | type: 'tablet'
|
97 | },
|
98 | ipad10p: {
|
99 | name: 'iPad Pro 10.5-in',
|
100 | styles: {
|
101 | height: '1112px',
|
102 | width: '834px'
|
103 | },
|
104 | type: 'tablet'
|
105 | },
|
106 | ipad12p: {
|
107 | name: 'iPad Pro 12.9-in',
|
108 | styles: {
|
109 | height: '1366px',
|
110 | width: '1024px'
|
111 | },
|
112 | type: 'tablet'
|
113 | },
|
114 | galaxys5: {
|
115 | name: 'Galaxy S5',
|
116 | styles: {
|
117 | height: '640px',
|
118 | width: '360px'
|
119 | },
|
120 | type: 'mobile'
|
121 | },
|
122 | galaxys9: {
|
123 | name: 'Galaxy S9',
|
124 | styles: {
|
125 | height: '740px',
|
126 | width: '360px'
|
127 | },
|
128 | type: 'mobile'
|
129 | },
|
130 | nexus5x: {
|
131 | name: 'Nexus 5X',
|
132 | styles: {
|
133 | height: '660px',
|
134 | width: '412px'
|
135 | },
|
136 | type: 'mobile'
|
137 | },
|
138 | nexus6p: {
|
139 | name: 'Nexus 6P',
|
140 | styles: {
|
141 | height: '732px',
|
142 | width: '412px'
|
143 | },
|
144 | type: 'mobile'
|
145 | },
|
146 | pixel: {
|
147 | name: 'Pixel',
|
148 | styles: {
|
149 | height: '960px',
|
150 | width: '540px'
|
151 | },
|
152 | type: 'mobile'
|
153 | },
|
154 | pixelxl: {
|
155 | name: 'Pixel XL',
|
156 | styles: {
|
157 | height: '1280px',
|
158 | width: '720px'
|
159 | },
|
160 | type: 'mobile'
|
161 | }
|
162 | };
|
163 | export var DEFAULT_VIEWPORT = 'responsive';
|
164 | export var MINIMAL_VIEWPORTS = {
|
165 | mobile1: {
|
166 | name: 'Small mobile',
|
167 | styles: {
|
168 | height: '568px',
|
169 | width: '320px'
|
170 | },
|
171 | type: 'mobile'
|
172 | },
|
173 | mobile2: {
|
174 | name: 'Large mobile',
|
175 | styles: {
|
176 | height: '896px',
|
177 | width: '414px'
|
178 | },
|
179 | type: 'mobile'
|
180 | },
|
181 | tablet: {
|
182 | name: 'Tablet',
|
183 | styles: {
|
184 | height: '1112px',
|
185 | width: '834px'
|
186 | },
|
187 | type: 'tablet'
|
188 | }
|
189 | }; |
\ | No newline at end of file |