Explore: use GrafanaTheme2 (NoDataSourceCallToAction component) (#37542)
* Explore: use GrafanaTheme2 in NoDataSourceCallToAction component * Explore: add px to the end of styling
This commit is contained in:
@@ -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;
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user