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

UI: Align the icon in the Alert (#90461)

Browse Source 
* UI: Align the `icon` in the `Alert`

* feat: align icon with one line text

* chore: prettier imports fix

* chore: revert imports

* feat: remove alignSelf & position the icon

* chore: clean up
This commit is contained in:
Joanna 2024-07-17 12:48:57 +02:00 committed by GitHub
parent fa2506300f
commit 8f376a302b
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 2 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
packages/grafana-ui/src/components/Alert/Alert.tsx
View File

@ -11,7 +11,6 @@ import { Button } from '../Button/Button';
import { Icon } from '../Icon/Icon'; import { Icon } from '../Icon/Icon';
import { Box } from '../Layout/Box/Box'; import { Box } from '../Layout/Box/Box';
import { Text } from '../Text/Text'; import { Text } from '../Text/Text';
export type AlertVariant = 'success' | 'warning' | 'error' | 'info'; export type AlertVariant = 'success' | 'warning' | 'error' | 'info';
export interface Props extends HTMLAttributes<HTMLDivElement> { export interface Props extends HTMLAttributes<HTMLDivElement> {
@ -152,6 +151,8 @@ const getStyles = (
}), }),
icon: css({ icon: css({
color: color.text, color: color.text,
position: 'relative',
top: '-1px',
}), }),
content: css({ content: css({
color: theme.colors.text.primary, color: theme.colors.text.primary,