Files
react/components/page/styles.ts
unix 45e1b0a396 feat(page): add component
feat(page): add header and footer

feat(page): add dot-backdrop decoration
2020-05-07 15:49:34 +08:00

16 lines
571 B
TypeScript

import { PageSize } from './page'
import { NormalSizes } from '../utils/prop-types'
import { ZeitUIThemesLayout } from '../styles/themes'
export const getPageSize = (size: PageSize, layout: ZeitUIThemesLayout): string => {
const presets: { [key in NormalSizes]: string } = {
medium: layout.pageWidth,
small: `calc(${layout.pageWidth} - 100pt)`,
mini: `calc(${layout.pageWidth} - 180pt)`,
large: `calc(${layout.pageWidth} + 100pt)`,
}
const presetValue = presets[size as NormalSizes]
if (!presetValue) return size as string
return presetValue
}