54 lines
1.3 KiB
TypeScript
54 lines
1.3 KiB
TypeScript
import { css } from '@emotion/css';
|
|
|
|
import { GrafanaTheme2 } from '@grafana/data';
|
|
|
|
export function getModalStyles(theme: GrafanaTheme2) {
|
|
return {
|
|
myTable: css({
|
|
maxHeight: '204px',
|
|
overflowY: 'auto',
|
|
marginTop: '11px',
|
|
marginBottom: '28px',
|
|
borderRadius: theme.shape.radius.default,
|
|
border: `1px solid ${theme.colors.action.hover}`,
|
|
background: theme.colors.background.primary,
|
|
color: theme.colors.text.secondary,
|
|
fontSize: theme.typography.h6.fontSize,
|
|
width: '100%',
|
|
|
|
thead: {
|
|
color: '#538ade',
|
|
fontSize: theme.typography.bodySmall.fontSize,
|
|
},
|
|
|
|
'th, td': {
|
|
padding: '6px 13px',
|
|
height: theme.spacing(4),
|
|
},
|
|
|
|
'tbody > tr:nth-child(odd)': {
|
|
background: theme.colors.background.secondary,
|
|
},
|
|
}),
|
|
noteTextbox: css({
|
|
marginBottom: theme.spacing(4),
|
|
}),
|
|
textInfo: css({
|
|
color: theme.colors.text.secondary,
|
|
fontSize: theme.typography.size.sm,
|
|
}),
|
|
dashboardSearch: css({
|
|
marginTop: theme.spacing(2),
|
|
}),
|
|
modal: css({
|
|
width: '500px',
|
|
}),
|
|
modalText: css({
|
|
fontSize: theme.typography.h4.fontSize,
|
|
color: theme.colors.text.primary,
|
|
marginBottom: theme.spacing(4),
|
|
paddingTop: theme.spacing(2),
|
|
}),
|
|
};
|
|
}
|