Alerting: Normalize border-radius usage (#64613)

This commit is contained in:
Gilles De Mey 2023-03-20 07:54:50 +01:00 committed by GitHub
parent 5bbdc62044
commit 59bc66f0ef
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
6 changed files with 6 additions and 6 deletions

View File

@ -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`

View File

@ -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};

View File

@ -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};

View File

@ -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;

View File

@ -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`

View File

@ -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)};