IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

Explore: use GrafanaTheme2 (NoDataSourceCallToAction component) (#37542)

Browse Source 
* Explore: use GrafanaTheme2 in NoDataSourceCallToAction component

* Explore: add px to the end of styling
This commit is contained in:
Olof Bourghardt 2021-08-05 13:30:31 +02:00 committed by GitHub
parent 7ff16c47e1
commit 0bbfe3f7b4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
public/app/features/explore/NoDataSourceCallToAction.tsx
View File

@ -1,9 +1,9 @@
import React from 'react'; import React from 'react';
import { css } from '@emotion/css'; import { css } from '@emotion/css';
import { LinkButton, CallToActionCard, Icon, useTheme } from '@grafana/ui'; import { LinkButton, CallToActionCard, Icon, useTheme2 } from '@grafana/ui';
export const NoDataSourceCallToAction = () => { export const NoDataSourceCallToAction = () => {
const theme = useTheme(); const theme = useTheme2();
const message = const message =
'Explore requires at least one data source. Once you have added a data source, you can query it here.'; 'Explore requires at least one data source. Once you have added a data source, you can query it here.';
@ -29,8 +29,8 @@ export const NoDataSourceCallToAction = () => {
); );
const cardClassName = css` const cardClassName = css`
max-width: ${theme.breakpoints.lg}; max-width: ${theme.breakpoints.values.lg}px;
margin-top: ${theme.spacing.md}; margin-top: ${theme.spacing(2)};
align-self: center; align-self: center;
`; `;