Files
oxygen-ui/src/components/Playground/Output/Preview/devices.ts

115 lines
2.2 KiB
TypeScript

export type DeviceName =
| 'iPhone SE'
| 'iPhone XR'
| 'iPhone 12 Pro'
| 'iPhone 14 Pro Max'
| 'Pixel 7'
| 'Samsung Galaxy S8+'
| 'Samsung Galaxy S20 Ultra'
| 'iPad Mini'
| 'iPad Air'
| 'iPad Pro'
| 'Surface Pro 7'
| 'Surface Duo'
| 'Galaxy Fold'
| 'Asus Zenbook Fold'
| 'Samsung Galaxy A51/71'
| 'Nest Hub'
| 'Nest Hub Max'
export interface IDevice {
name: DeviceName
width: number
height: number
}
const devices: Record<DeviceName, IDevice> = {
'iPhone SE': {
name: 'iPhone SE',
width: 375,
height: 667
},
'iPhone XR': {
name: 'iPhone XR',
width: 414,
height: 896
},
'iPhone 12 Pro': {
name: 'iPhone 12 Pro',
width: 390,
height: 844
},
'iPhone 14 Pro Max': {
name: 'iPhone 14 Pro Max',
width: 430,
height: 932
},
'Pixel 7': {
name: 'Pixel 7',
width: 412,
height: 915
},
'Samsung Galaxy S8+': {
name: 'Samsung Galaxy S8+',
width: 360,
height: 740
},
'Samsung Galaxy S20 Ultra': {
name: 'Samsung Galaxy S20 Ultra',
width: 412,
height: 915
},
'iPad Mini': {
name: 'iPad Mini',
width: 768,
height: 1024
},
'iPad Air': {
name: 'iPad Air',
width: 820,
height: 1180
},
'iPad Pro': {
name: 'iPad Pro',
width: 1024,
height: 1366
},
'Surface Pro 7': {
name: 'Surface Pro 7',
width: 912,
height: 1368
},
'Surface Duo': {
name: 'Surface Duo',
width: 540,
height: 720
},
'Galaxy Fold': {
name: 'Galaxy Fold',
width: 280,
height: 653
},
'Asus Zenbook Fold': {
name: 'Asus Zenbook Fold',
width: 853,
height: 1280
},
'Samsung Galaxy A51/71': {
name: 'Samsung Galaxy A51/71',
width: 412,
height: 914
},
'Nest Hub': {
name: 'Nest Hub',
width: 1024,
height: 600
},
'Nest Hub Max': {
name: 'Nest Hub Max',
width: 1280,
height: 800
}
}
export default devices