diff --git a/grafana-plugin/src/pages/insights/Insights.module.scss b/grafana-plugin/src/pages/insights/Insights.module.scss new file mode 100644 index 00000000..99ecbdcf --- /dev/null +++ b/grafana-plugin/src/pages/insights/Insights.module.scss @@ -0,0 +1,6 @@ +// Required to remove inner page padding since grafana-scenes doesn't support its style modification +.insights div[class*='page-inner'] { + padding-left: 0; + padding-right: 0; + border: none; +} diff --git a/grafana-plugin/src/pages/insights/Insights.tsx b/grafana-plugin/src/pages/insights/Insights.tsx index 0664a39d..3ea049bb 100644 --- a/grafana-plugin/src/pages/insights/Insights.tsx +++ b/grafana-plugin/src/pages/insights/Insights.tsx @@ -21,6 +21,7 @@ import Text from 'components/Text/Text'; import { useStore } from 'state/useStore'; import { DOCS_ROOT } from 'utils/consts'; +import styles from './Insights.module.scss'; import { InsightsConfig } from './Insights.types'; import getAlertGroupsByIntegrationScene from './scenes/AlertGroupsByIntegration'; import getAlertGroupsByTeamScene from './scenes/AlertGroupsByTeam'; @@ -45,10 +46,10 @@ const Insights = observer(() => { const appScene = useSceneApp(() => getAppScene({ isOpenSource, datasource })); return ( - <> +