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

Chore: use Box in command palette empty state (#82101)

Browse Source 
* use Box

* use paddingTop/paddingBottom
This commit is contained in:
Ashley Harrison 2024-02-07 15:39:15 +00:00 committed by GitHub
parent 00d69bc8e5
commit ef6e315322
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 3 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
public/app/features/commandPalette/EmptyState.tsx
View File

@ -1,31 +1,21 @@
import { css } from '@emotion/css';
import React from 'react';
import { GrafanaTheme2 } from '@grafana/data';
import { Stack, Text, useStyles2 } from '@grafana/ui';
import { Box, Stack, Text } from '@grafana/ui';
import { Trans } from 'app/core/internationalization';
export interface Props {}
export const EmptyState = ({}: Props) => {
const styles = useStyles2(getStyles);
return (
<div className={styles.container}>
<Box paddingY={8}>
<Stack direction="column" alignItems="center">
<img src={'public/img/grot-not-found.svg'} width="200px" alt="grot" />
<Text variant="h5">
<Trans i18nKey="command-palette.empty-state.title">No results found</Trans>
</Text>
</Stack>
</div>
</Box>
);
};
EmptyState.displayName = 'EmptyState';
const getStyles = (theme: GrafanaTheme2) => ({
container: css({
padding: theme.spacing(8, 0),
}),
});