storybook-device-viewports 0.0.1 → 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.ja.md +113 -0
- package/README.md +97 -29
- package/dist/apple/index.d.mts +573 -0
- package/dist/apple/index.mjs +11 -0
- package/dist/apple/mobile.d.mts +685 -0
- package/dist/apple/mobile.mjs +3 -0
- package/dist/apple/tablet.d.mts +493 -0
- package/dist/apple/tablet.mjs +3 -0
- package/dist/google/index.d.mts +157 -0
- package/dist/google/index.mjs +7 -0
- package/dist/google/mobile.d.mts +327 -0
- package/dist/google/mobile.mjs +3 -0
- package/dist/index.d.mts +725 -0
- package/dist/index.mjs +14 -0
- package/dist/mobile-B18IT4fV.mjs +181 -0
- package/dist/mobile-XOiE5maI.mjs +370 -0
- package/dist/tablet-DzGF8Wal.mjs +258 -0
- package/package.json +63 -6
package/dist/index.mjs
ADDED
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import "./mobile-XOiE5maI.mjs";
|
|
2
|
+
import "./tablet-DzGF8Wal.mjs";
|
|
3
|
+
import { APPLE_DEVICE_VIEWPORTS } from "./apple/index.mjs";
|
|
4
|
+
import "./mobile-B18IT4fV.mjs";
|
|
5
|
+
import { GOOGLE_DEVICE_VIEWPORTS } from "./google/index.mjs";
|
|
6
|
+
|
|
7
|
+
//#region src/index.ts
|
|
8
|
+
const AWESOME_DEVICE_VIEWPORTS = {
|
|
9
|
+
...APPLE_DEVICE_VIEWPORTS,
|
|
10
|
+
...GOOGLE_DEVICE_VIEWPORTS
|
|
11
|
+
};
|
|
12
|
+
|
|
13
|
+
//#endregion
|
|
14
|
+
export { AWESOME_DEVICE_VIEWPORTS };
|
|
@@ -0,0 +1,181 @@
|
|
|
1
|
+
//#region src/google/mobile.ts
|
|
2
|
+
const PIXEL_9_VIEWPORTS = { pixel9: {
|
|
3
|
+
name: "Pixel 9",
|
|
4
|
+
styles: {
|
|
5
|
+
width: "412px",
|
|
6
|
+
height: "915px"
|
|
7
|
+
},
|
|
8
|
+
type: "mobile"
|
|
9
|
+
} };
|
|
10
|
+
const PIXEL_8_VIEWPORTS = {
|
|
11
|
+
pixel8pro: {
|
|
12
|
+
name: "Pixel 8 Pro",
|
|
13
|
+
styles: {
|
|
14
|
+
width: "448px",
|
|
15
|
+
height: "998px"
|
|
16
|
+
},
|
|
17
|
+
type: "mobile"
|
|
18
|
+
},
|
|
19
|
+
pixel8: {
|
|
20
|
+
name: "Pixel 8",
|
|
21
|
+
styles: {
|
|
22
|
+
width: "412px",
|
|
23
|
+
height: "915px"
|
|
24
|
+
},
|
|
25
|
+
type: "mobile"
|
|
26
|
+
}
|
|
27
|
+
};
|
|
28
|
+
const PIXEL_7_VIEWPORTS = {
|
|
29
|
+
pixel7pro: {
|
|
30
|
+
name: "Pixel 7 Pro",
|
|
31
|
+
styles: {
|
|
32
|
+
width: "412px",
|
|
33
|
+
height: "892px"
|
|
34
|
+
},
|
|
35
|
+
type: "mobile"
|
|
36
|
+
},
|
|
37
|
+
pixel7: {
|
|
38
|
+
name: "Pixel 7",
|
|
39
|
+
styles: {
|
|
40
|
+
width: "412px",
|
|
41
|
+
height: "915px"
|
|
42
|
+
},
|
|
43
|
+
type: "mobile"
|
|
44
|
+
},
|
|
45
|
+
pixel7a: {
|
|
46
|
+
name: "Pixel 7a",
|
|
47
|
+
styles: {
|
|
48
|
+
width: "412px",
|
|
49
|
+
height: "915px"
|
|
50
|
+
},
|
|
51
|
+
type: "mobile"
|
|
52
|
+
}
|
|
53
|
+
};
|
|
54
|
+
const PIXEL_6_VIEWPORTS = {
|
|
55
|
+
pixel6pro: {
|
|
56
|
+
name: "Pixel 6 Pro",
|
|
57
|
+
styles: {
|
|
58
|
+
width: "412px",
|
|
59
|
+
height: "892px"
|
|
60
|
+
},
|
|
61
|
+
type: "mobile"
|
|
62
|
+
},
|
|
63
|
+
pixel6: {
|
|
64
|
+
name: "Pixel 6",
|
|
65
|
+
styles: {
|
|
66
|
+
width: "412px",
|
|
67
|
+
height: "915px"
|
|
68
|
+
},
|
|
69
|
+
type: "mobile"
|
|
70
|
+
}
|
|
71
|
+
};
|
|
72
|
+
const PIXEL_5_VIEWPORTS = { pixel5: {
|
|
73
|
+
name: "Pixel 5",
|
|
74
|
+
styles: {
|
|
75
|
+
width: "393px",
|
|
76
|
+
height: "851px"
|
|
77
|
+
},
|
|
78
|
+
type: "mobile"
|
|
79
|
+
} };
|
|
80
|
+
const PIXEL_4_VIEWPORTS = {
|
|
81
|
+
pixel4xl: {
|
|
82
|
+
name: "Pixel 4 XL",
|
|
83
|
+
styles: {
|
|
84
|
+
width: "412px",
|
|
85
|
+
height: "869px"
|
|
86
|
+
},
|
|
87
|
+
type: "mobile"
|
|
88
|
+
},
|
|
89
|
+
pixel4: {
|
|
90
|
+
name: "Pixel 4",
|
|
91
|
+
styles: {
|
|
92
|
+
width: "393px",
|
|
93
|
+
height: "830px"
|
|
94
|
+
},
|
|
95
|
+
type: "mobile"
|
|
96
|
+
}
|
|
97
|
+
};
|
|
98
|
+
const PIXEL_3_VIEWPORTS = {
|
|
99
|
+
pixel3xl: {
|
|
100
|
+
name: "Pixel 3 XL",
|
|
101
|
+
styles: {
|
|
102
|
+
width: "412px",
|
|
103
|
+
height: "846px"
|
|
104
|
+
},
|
|
105
|
+
type: "mobile"
|
|
106
|
+
},
|
|
107
|
+
pixel3: {
|
|
108
|
+
name: "Pixel 3",
|
|
109
|
+
styles: {
|
|
110
|
+
width: "393px",
|
|
111
|
+
height: "786px"
|
|
112
|
+
},
|
|
113
|
+
type: "mobile"
|
|
114
|
+
},
|
|
115
|
+
pixel3axl: {
|
|
116
|
+
name: "Pixel 3a XL",
|
|
117
|
+
styles: {
|
|
118
|
+
width: "412px",
|
|
119
|
+
height: "824px"
|
|
120
|
+
},
|
|
121
|
+
type: "mobile"
|
|
122
|
+
},
|
|
123
|
+
pixel3a: {
|
|
124
|
+
name: "Pixel 3a",
|
|
125
|
+
styles: {
|
|
126
|
+
width: "393px",
|
|
127
|
+
height: "808px"
|
|
128
|
+
},
|
|
129
|
+
type: "mobile"
|
|
130
|
+
}
|
|
131
|
+
};
|
|
132
|
+
const PIXEL_2_VIEWPORTS = {
|
|
133
|
+
pixel2xl: {
|
|
134
|
+
name: "Pixel 2 XL",
|
|
135
|
+
styles: {
|
|
136
|
+
width: "412px",
|
|
137
|
+
height: "824px"
|
|
138
|
+
},
|
|
139
|
+
type: "mobile"
|
|
140
|
+
},
|
|
141
|
+
pixel2: {
|
|
142
|
+
name: "Pixel 2",
|
|
143
|
+
styles: {
|
|
144
|
+
width: "412px",
|
|
145
|
+
height: "732px"
|
|
146
|
+
},
|
|
147
|
+
type: "mobile"
|
|
148
|
+
}
|
|
149
|
+
};
|
|
150
|
+
const PIXEL_1_VIEWPORTS = {
|
|
151
|
+
pixel1xl: {
|
|
152
|
+
name: "Pixel XL",
|
|
153
|
+
styles: {
|
|
154
|
+
width: "412px",
|
|
155
|
+
height: "732px"
|
|
156
|
+
},
|
|
157
|
+
type: "mobile"
|
|
158
|
+
},
|
|
159
|
+
pixel1: {
|
|
160
|
+
name: "Pixel",
|
|
161
|
+
styles: {
|
|
162
|
+
width: "412px",
|
|
163
|
+
height: "732px"
|
|
164
|
+
},
|
|
165
|
+
type: "mobile"
|
|
166
|
+
}
|
|
167
|
+
};
|
|
168
|
+
const PIXEL_VIEWPORTS = {
|
|
169
|
+
...PIXEL_9_VIEWPORTS,
|
|
170
|
+
...PIXEL_8_VIEWPORTS,
|
|
171
|
+
...PIXEL_7_VIEWPORTS,
|
|
172
|
+
...PIXEL_6_VIEWPORTS,
|
|
173
|
+
...PIXEL_5_VIEWPORTS,
|
|
174
|
+
...PIXEL_4_VIEWPORTS,
|
|
175
|
+
...PIXEL_3_VIEWPORTS,
|
|
176
|
+
...PIXEL_2_VIEWPORTS,
|
|
177
|
+
...PIXEL_1_VIEWPORTS
|
|
178
|
+
};
|
|
179
|
+
|
|
180
|
+
//#endregion
|
|
181
|
+
export { PIXEL_5_VIEWPORTS as a, PIXEL_8_VIEWPORTS as c, PIXEL_4_VIEWPORTS as i, PIXEL_9_VIEWPORTS as l, PIXEL_2_VIEWPORTS as n, PIXEL_6_VIEWPORTS as o, PIXEL_3_VIEWPORTS as r, PIXEL_7_VIEWPORTS as s, PIXEL_1_VIEWPORTS as t, PIXEL_VIEWPORTS as u };
|
|
@@ -0,0 +1,370 @@
|
|
|
1
|
+
//#region src/apple/mobile.ts
|
|
2
|
+
const IPHONE_17_VIEWPORTS = {
|
|
3
|
+
iphone17promax: {
|
|
4
|
+
name: "iPhone 17 Pro Max",
|
|
5
|
+
styles: {
|
|
6
|
+
width: "440px",
|
|
7
|
+
height: "956px"
|
|
8
|
+
},
|
|
9
|
+
type: "mobile"
|
|
10
|
+
},
|
|
11
|
+
iphone17pro: {
|
|
12
|
+
name: "iPhone 17 Pro",
|
|
13
|
+
styles: {
|
|
14
|
+
width: "402px",
|
|
15
|
+
height: "874px"
|
|
16
|
+
},
|
|
17
|
+
type: "mobile"
|
|
18
|
+
},
|
|
19
|
+
iphoneair: {
|
|
20
|
+
name: "iPhone Air",
|
|
21
|
+
styles: {
|
|
22
|
+
width: "420px",
|
|
23
|
+
height: "912px"
|
|
24
|
+
},
|
|
25
|
+
type: "mobile"
|
|
26
|
+
},
|
|
27
|
+
iphone17: {
|
|
28
|
+
name: "iPhone 17",
|
|
29
|
+
styles: {
|
|
30
|
+
width: "402px",
|
|
31
|
+
height: "874px"
|
|
32
|
+
},
|
|
33
|
+
type: "mobile"
|
|
34
|
+
}
|
|
35
|
+
};
|
|
36
|
+
const IPHONE_16_VIEWPORTS = {
|
|
37
|
+
iphone16promax: {
|
|
38
|
+
name: "iPhone 16 Pro Max",
|
|
39
|
+
styles: {
|
|
40
|
+
width: "440px",
|
|
41
|
+
height: "956px"
|
|
42
|
+
},
|
|
43
|
+
type: "mobile"
|
|
44
|
+
},
|
|
45
|
+
iphone16pro: {
|
|
46
|
+
name: "iPhone 16 Pro",
|
|
47
|
+
styles: {
|
|
48
|
+
width: "402px",
|
|
49
|
+
height: "874px"
|
|
50
|
+
},
|
|
51
|
+
type: "mobile"
|
|
52
|
+
},
|
|
53
|
+
iphone16p: {
|
|
54
|
+
name: "iPhone 16 Plus",
|
|
55
|
+
styles: {
|
|
56
|
+
width: "430px",
|
|
57
|
+
height: "932px"
|
|
58
|
+
},
|
|
59
|
+
type: "mobile"
|
|
60
|
+
},
|
|
61
|
+
iphone16: {
|
|
62
|
+
name: "iPhone 16",
|
|
63
|
+
styles: {
|
|
64
|
+
width: "393px",
|
|
65
|
+
height: "852px"
|
|
66
|
+
},
|
|
67
|
+
type: "mobile"
|
|
68
|
+
},
|
|
69
|
+
iphone16e: {
|
|
70
|
+
name: "iPhone 16e",
|
|
71
|
+
styles: {
|
|
72
|
+
width: "390px",
|
|
73
|
+
height: "844px"
|
|
74
|
+
},
|
|
75
|
+
type: "mobile"
|
|
76
|
+
}
|
|
77
|
+
};
|
|
78
|
+
const IPHONE_15_VIEWPORTS = {
|
|
79
|
+
iphone15promax: {
|
|
80
|
+
name: "iPhone 15 Pro Max",
|
|
81
|
+
styles: {
|
|
82
|
+
width: "430px",
|
|
83
|
+
height: "932px"
|
|
84
|
+
},
|
|
85
|
+
type: "mobile"
|
|
86
|
+
},
|
|
87
|
+
iphone15pro: {
|
|
88
|
+
name: "iPhone 15 Pro",
|
|
89
|
+
styles: {
|
|
90
|
+
width: "393px",
|
|
91
|
+
height: "852px"
|
|
92
|
+
},
|
|
93
|
+
type: "mobile"
|
|
94
|
+
},
|
|
95
|
+
iphone15p: {
|
|
96
|
+
name: "iPhone 15 Plus",
|
|
97
|
+
styles: {
|
|
98
|
+
width: "430px",
|
|
99
|
+
height: "932px"
|
|
100
|
+
},
|
|
101
|
+
type: "mobile"
|
|
102
|
+
},
|
|
103
|
+
iphone15: {
|
|
104
|
+
name: "iPhone 15",
|
|
105
|
+
styles: {
|
|
106
|
+
width: "393px",
|
|
107
|
+
height: "852px"
|
|
108
|
+
},
|
|
109
|
+
type: "mobile"
|
|
110
|
+
}
|
|
111
|
+
};
|
|
112
|
+
const IPHONE_14_VIEWPORTS = {
|
|
113
|
+
iphone14promax: {
|
|
114
|
+
name: "iPhone 14 Pro Max",
|
|
115
|
+
styles: {
|
|
116
|
+
width: "430px",
|
|
117
|
+
height: "932px"
|
|
118
|
+
},
|
|
119
|
+
type: "mobile"
|
|
120
|
+
},
|
|
121
|
+
iphone14pro: {
|
|
122
|
+
name: "iPhone 14 Pro",
|
|
123
|
+
styles: {
|
|
124
|
+
width: "393px",
|
|
125
|
+
height: "852px"
|
|
126
|
+
},
|
|
127
|
+
type: "mobile"
|
|
128
|
+
},
|
|
129
|
+
iphone14p: {
|
|
130
|
+
name: "iPhone 14 Plus",
|
|
131
|
+
styles: {
|
|
132
|
+
width: "428px",
|
|
133
|
+
height: "926px"
|
|
134
|
+
},
|
|
135
|
+
type: "mobile"
|
|
136
|
+
},
|
|
137
|
+
iphone14: {
|
|
138
|
+
name: "iPhone 14",
|
|
139
|
+
styles: {
|
|
140
|
+
width: "390px",
|
|
141
|
+
height: "844px"
|
|
142
|
+
},
|
|
143
|
+
type: "mobile"
|
|
144
|
+
}
|
|
145
|
+
};
|
|
146
|
+
const IPHONE_13_VIEWPORTS = {
|
|
147
|
+
iphone13promax: {
|
|
148
|
+
name: "iPhone 13 Pro Max",
|
|
149
|
+
styles: {
|
|
150
|
+
width: "428px",
|
|
151
|
+
height: "926px"
|
|
152
|
+
},
|
|
153
|
+
type: "mobile"
|
|
154
|
+
},
|
|
155
|
+
iphone13pro: {
|
|
156
|
+
name: "iPhone 13 Pro",
|
|
157
|
+
styles: {
|
|
158
|
+
width: "390px",
|
|
159
|
+
height: "844px"
|
|
160
|
+
},
|
|
161
|
+
type: "mobile"
|
|
162
|
+
},
|
|
163
|
+
iphone13: {
|
|
164
|
+
name: "iPhone 13",
|
|
165
|
+
styles: {
|
|
166
|
+
width: "390px",
|
|
167
|
+
height: "844px"
|
|
168
|
+
},
|
|
169
|
+
type: "mobile"
|
|
170
|
+
},
|
|
171
|
+
iphone13mini: {
|
|
172
|
+
name: "iPhone 13 Mini",
|
|
173
|
+
styles: {
|
|
174
|
+
width: "375px",
|
|
175
|
+
height: "812px"
|
|
176
|
+
},
|
|
177
|
+
type: "mobile"
|
|
178
|
+
}
|
|
179
|
+
};
|
|
180
|
+
const IPHONE_12_VIEWPORTS = {
|
|
181
|
+
iphone12promax: {
|
|
182
|
+
name: "iPhone 12 Pro Max",
|
|
183
|
+
styles: {
|
|
184
|
+
width: "428px",
|
|
185
|
+
height: "926px"
|
|
186
|
+
},
|
|
187
|
+
type: "mobile"
|
|
188
|
+
},
|
|
189
|
+
iphone12pro: {
|
|
190
|
+
name: "iPhone 12 Pro",
|
|
191
|
+
styles: {
|
|
192
|
+
width: "390px",
|
|
193
|
+
height: "844px"
|
|
194
|
+
},
|
|
195
|
+
type: "mobile"
|
|
196
|
+
},
|
|
197
|
+
iphone12: {
|
|
198
|
+
name: "iPhone 12",
|
|
199
|
+
styles: {
|
|
200
|
+
width: "390px",
|
|
201
|
+
height: "844px"
|
|
202
|
+
},
|
|
203
|
+
type: "mobile"
|
|
204
|
+
},
|
|
205
|
+
iphone12mini: {
|
|
206
|
+
name: "iPhone 12 Mini",
|
|
207
|
+
styles: {
|
|
208
|
+
width: "375px",
|
|
209
|
+
height: "812px"
|
|
210
|
+
},
|
|
211
|
+
type: "mobile"
|
|
212
|
+
}
|
|
213
|
+
};
|
|
214
|
+
const IPHONE_11_VIEWPORTS = {
|
|
215
|
+
iphone11promax: {
|
|
216
|
+
name: "iPhone 11 Pro Max",
|
|
217
|
+
styles: {
|
|
218
|
+
width: "414px",
|
|
219
|
+
height: "896px"
|
|
220
|
+
},
|
|
221
|
+
type: "mobile"
|
|
222
|
+
},
|
|
223
|
+
iphone11pro: {
|
|
224
|
+
name: "iPhone 11 Pro",
|
|
225
|
+
styles: {
|
|
226
|
+
width: "375px",
|
|
227
|
+
height: "812px"
|
|
228
|
+
},
|
|
229
|
+
type: "mobile"
|
|
230
|
+
},
|
|
231
|
+
iphone11: {
|
|
232
|
+
name: "iPhone 11",
|
|
233
|
+
styles: {
|
|
234
|
+
width: "414px",
|
|
235
|
+
height: "896px"
|
|
236
|
+
},
|
|
237
|
+
type: "mobile"
|
|
238
|
+
}
|
|
239
|
+
};
|
|
240
|
+
const IPHONE_X_VIEWPORTS = {
|
|
241
|
+
iphonexsmax: {
|
|
242
|
+
name: "iPhone XS Max",
|
|
243
|
+
styles: {
|
|
244
|
+
width: "414px",
|
|
245
|
+
height: "896px"
|
|
246
|
+
},
|
|
247
|
+
type: "mobile"
|
|
248
|
+
},
|
|
249
|
+
iphonexs: {
|
|
250
|
+
name: "iPhone XS",
|
|
251
|
+
styles: {
|
|
252
|
+
width: "375px",
|
|
253
|
+
height: "812px"
|
|
254
|
+
},
|
|
255
|
+
type: "mobile"
|
|
256
|
+
},
|
|
257
|
+
iphonexr: {
|
|
258
|
+
name: "iPhone XR",
|
|
259
|
+
styles: {
|
|
260
|
+
width: "414px",
|
|
261
|
+
height: "896px"
|
|
262
|
+
},
|
|
263
|
+
type: "mobile"
|
|
264
|
+
},
|
|
265
|
+
iphonex: {
|
|
266
|
+
name: "iPhone X",
|
|
267
|
+
styles: {
|
|
268
|
+
width: "375px",
|
|
269
|
+
height: "812px"
|
|
270
|
+
},
|
|
271
|
+
type: "mobile"
|
|
272
|
+
}
|
|
273
|
+
};
|
|
274
|
+
const IPHONE_8_VIEWPORTS = {
|
|
275
|
+
iphone8p: {
|
|
276
|
+
name: "iPhone 8 Plus",
|
|
277
|
+
styles: {
|
|
278
|
+
width: "414px",
|
|
279
|
+
height: "736px"
|
|
280
|
+
},
|
|
281
|
+
type: "mobile"
|
|
282
|
+
},
|
|
283
|
+
iphone8: {
|
|
284
|
+
name: "iPhone 8",
|
|
285
|
+
styles: {
|
|
286
|
+
width: "375px",
|
|
287
|
+
height: "667px"
|
|
288
|
+
},
|
|
289
|
+
type: "mobile"
|
|
290
|
+
}
|
|
291
|
+
};
|
|
292
|
+
const IPHONE_7_VIEWPORTS = {
|
|
293
|
+
iphone7p: {
|
|
294
|
+
name: "iPhone 7 Plus",
|
|
295
|
+
styles: {
|
|
296
|
+
width: "414px",
|
|
297
|
+
height: "736px"
|
|
298
|
+
},
|
|
299
|
+
type: "mobile"
|
|
300
|
+
},
|
|
301
|
+
iphone7: {
|
|
302
|
+
name: "iPhone 7",
|
|
303
|
+
styles: {
|
|
304
|
+
width: "375px",
|
|
305
|
+
height: "667px"
|
|
306
|
+
},
|
|
307
|
+
type: "mobile"
|
|
308
|
+
}
|
|
309
|
+
};
|
|
310
|
+
const IPHONE_6S_VIEWPORTS = {
|
|
311
|
+
iphone6sp: {
|
|
312
|
+
name: "iPhone 6s Plus",
|
|
313
|
+
styles: {
|
|
314
|
+
width: "414px",
|
|
315
|
+
height: "736px"
|
|
316
|
+
},
|
|
317
|
+
type: "mobile"
|
|
318
|
+
},
|
|
319
|
+
iphone6s: {
|
|
320
|
+
name: "iPhone 6s",
|
|
321
|
+
styles: {
|
|
322
|
+
width: "375px",
|
|
323
|
+
height: "667px"
|
|
324
|
+
},
|
|
325
|
+
type: "mobile"
|
|
326
|
+
}
|
|
327
|
+
};
|
|
328
|
+
const IPHONE_SE_VIEWPORTS = {
|
|
329
|
+
iphonesese2022: {
|
|
330
|
+
name: "iPhone SE 2022",
|
|
331
|
+
styles: {
|
|
332
|
+
width: "375px",
|
|
333
|
+
height: "667px"
|
|
334
|
+
},
|
|
335
|
+
type: "mobile"
|
|
336
|
+
},
|
|
337
|
+
iphonesese2020: {
|
|
338
|
+
name: "iPhone SE 2020",
|
|
339
|
+
styles: {
|
|
340
|
+
width: "375px",
|
|
341
|
+
height: "667px"
|
|
342
|
+
},
|
|
343
|
+
type: "mobile"
|
|
344
|
+
},
|
|
345
|
+
iphonese: {
|
|
346
|
+
name: "iPhone SE",
|
|
347
|
+
styles: {
|
|
348
|
+
width: "320px",
|
|
349
|
+
height: "568px"
|
|
350
|
+
},
|
|
351
|
+
type: "mobile"
|
|
352
|
+
}
|
|
353
|
+
};
|
|
354
|
+
const IPHONE_VIEWPORTS = {
|
|
355
|
+
...IPHONE_17_VIEWPORTS,
|
|
356
|
+
...IPHONE_16_VIEWPORTS,
|
|
357
|
+
...IPHONE_15_VIEWPORTS,
|
|
358
|
+
...IPHONE_14_VIEWPORTS,
|
|
359
|
+
...IPHONE_13_VIEWPORTS,
|
|
360
|
+
...IPHONE_12_VIEWPORTS,
|
|
361
|
+
...IPHONE_11_VIEWPORTS,
|
|
362
|
+
...IPHONE_X_VIEWPORTS,
|
|
363
|
+
...IPHONE_8_VIEWPORTS,
|
|
364
|
+
...IPHONE_7_VIEWPORTS,
|
|
365
|
+
...IPHONE_6S_VIEWPORTS,
|
|
366
|
+
...IPHONE_SE_VIEWPORTS
|
|
367
|
+
};
|
|
368
|
+
|
|
369
|
+
//#endregion
|
|
370
|
+
export { IPHONE_15_VIEWPORTS as a, IPHONE_6S_VIEWPORTS as c, IPHONE_SE_VIEWPORTS as d, IPHONE_VIEWPORTS as f, IPHONE_14_VIEWPORTS as i, IPHONE_7_VIEWPORTS as l, IPHONE_12_VIEWPORTS as n, IPHONE_16_VIEWPORTS as o, IPHONE_X_VIEWPORTS as p, IPHONE_13_VIEWPORTS as r, IPHONE_17_VIEWPORTS as s, IPHONE_11_VIEWPORTS as t, IPHONE_8_VIEWPORTS as u };
|