@grafana/ui/dist/esm/themes/GlobalStyles/page.mjs.map

Grafana Components Library

{"version":3,"file":"page.mjs","sources":["../../../../src/themes/GlobalStyles/page.ts"],"sourcesContent":["import { css } from '@emotion/react';\n\nimport { GrafanaTheme2 } from '@grafana/data';\n\nexport function getPageStyles(theme: GrafanaTheme2) {\n  const maxWidthBreakpoint =\n    theme.breakpoints.values.xxl + theme.spacing.gridSize * 2 + theme.components.sidemenu.width;\n\n  return css({\n    '.grafana-app': {\n      display: 'flex',\n      flexDirection: 'column',\n      height: '100vh',\n    },\n\n    '.main-view': {\n      display: 'flex',\n      flexDirection: 'column',\n      flexGrow: 1,\n      position: 'relative',\n      minWidth: 0,\n    },\n\n    '.page-scrollbar-content': {\n      display: 'flex',\n      minHeight: '100%',\n      flexDirection: 'column',\n      width: '100%',\n      height: '100%',\n    },\n\n    '.page-container': {\n      flexGrow: 1,\n      flexBasis: '100%',\n      paddingLeft: theme.spacing(2),\n      paddingRight: theme.spacing(2),\n\n      [theme.breakpoints.up('sm')]: {\n        margin: theme.spacing(0, 1),\n      },\n\n      [theme.breakpoints.up('md')]: {\n        margin: theme.spacing(0, 2),\n      },\n\n      [`@media (min-width: ${maxWidthBreakpoint}px)`]: {\n        maxWidth: `${theme.breakpoints.values.xxl}px`,\n        marginLeft: 'auto',\n        marginRight: 'auto',\n        width: '100%',\n      },\n    },\n\n    '.page-full': {\n      marginLeft: theme.spacing(2),\n      paddingLeft: theme.spacing(2),\n      paddingRight: theme.spacing(2),\n    },\n\n    '.page-body': {\n      padding: theme.spacing(1),\n      background: theme.components.panel.background,\n      border: `1px solid ${theme.components.panel.borderColor}`,\n      marginBottom: '32px',\n\n      [theme.breakpoints.up('md')]: {\n        padding: theme.spacing(2),\n      },\n\n      [theme.breakpoints.up('lg')]: {\n        padding: theme.spacing(3),\n      },\n    },\n\n    '.page-heading': {\n      fontSize: theme.typography.h4.fontSize,\n      marginTop: 0,\n      marginBottom: theme.spacing(2),\n    },\n\n    '.page-action-bar': {\n      marginBottom: theme.spacing(2),\n      display: 'flex',\n      alignItems: 'flex-start',\n      gap: theme.spacing(2),\n    },\n\n    '.page-action-bar--narrow': {\n      marginBottom: 0,\n    },\n\n    '.page-action-bar__spacer': {\n      width: theme.spacing(2),\n      flexGrow: 1,\n    },\n\n    '.page-sub-heading': {\n      marginBottom: theme.spacing(2),\n    },\n\n    '.page-sub-heading-icon': {\n      marginLeft: theme.spacing(1),\n      marginTop: theme.spacing(0.5),\n    },\n\n    '.page-hidden': {\n      display: 'none',\n    },\n  });\n}\n"],"names":[],"mappings":"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"}