mirror of
https://github.com/grafana/grafana.git
synced 2025-02-25 18:55:37 -06:00
Alerting: Normalize border-radius usage (#64613)
This commit is contained in:
parent
5bbdc62044
commit
59bc66f0ef
@ -187,7 +187,7 @@ const getStyles = <T extends unknown>(
|
||||
return (theme: GrafanaTheme2) => ({
|
||||
container: css`
|
||||
border: 1px solid ${theme.colors.border.strong};
|
||||
border-radius: 2px;
|
||||
border-radius: ${theme.shape.borderRadius()};
|
||||
color: ${theme.colors.text.secondary};
|
||||
`,
|
||||
row: css`
|
||||
|
@ -26,7 +26,7 @@ const getStyles = (theme: GrafanaTheme2) => ({
|
||||
height: 22px;
|
||||
display: inline-flex;
|
||||
padding: 1px 4px;
|
||||
border-radius: 3px;
|
||||
border-radius: ${theme.shape.borderRadius()};
|
||||
border: 1px solid rgba(245, 95, 62, 1);
|
||||
color: rgba(245, 95, 62, 1);
|
||||
font-weight: ${theme.typography.fontWeightRegular};
|
||||
|
@ -57,7 +57,7 @@ const getStyles = (theme: GrafanaTheme2) => ({
|
||||
width: ${theme.spacing(4)};
|
||||
height: ${theme.spacing(4)};
|
||||
line-height: ${theme.spacing(4)};
|
||||
border-radius: ${theme.spacing(4)};
|
||||
border-radius: 100%;
|
||||
text-align: center;
|
||||
color: ${theme.colors.text.maxContrast};
|
||||
background-color: ${theme.colors.background.canvas};
|
||||
|
@ -151,7 +151,7 @@ const getStyles = (theme: GrafanaTheme2) => ({
|
||||
callout: css`
|
||||
background-color: ${theme.colors.background.secondary};
|
||||
border-top: 3px solid ${theme.colors.info.border};
|
||||
border-radius: 2px;
|
||||
border-radius: ${theme.shape.borderRadius()};
|
||||
height: 62px;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
|
@ -234,7 +234,7 @@ const getStyles = (theme: GrafanaTheme2) => ({
|
||||
height: 100%;
|
||||
background: ${theme.colors.background.secondary};
|
||||
padding: ${theme.spacing(0.5)} ${theme.spacing(1)};
|
||||
border-radius: ${theme.shape.borderRadius(2)};
|
||||
border-radius: ${theme.shape.borderRadius()};
|
||||
margin-bottom: ${theme.spacing(0.5)};
|
||||
`,
|
||||
alertRuleItemIcon: css`
|
||||
|
@ -261,7 +261,7 @@ export const getStyles = (theme: GrafanaTheme2) => ({
|
||||
height: 100%;
|
||||
background: ${theme.colors.background.secondary};
|
||||
padding: ${theme.spacing(0.5)} ${theme.spacing(1)};
|
||||
border-radius: ${theme.shape.borderRadius(2)};
|
||||
border-radius: ${theme.shape.borderRadius()};
|
||||
margin-bottom: ${theme.spacing(0.5)};
|
||||
|
||||
gap: ${theme.spacing(2)};
|
||||
|
Loading…
Reference in New Issue
Block a user