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:
@@ -187,7 +187,7 @@ const getStyles = <T extends unknown>(
|
|||||||
return (theme: GrafanaTheme2) => ({
|
return (theme: GrafanaTheme2) => ({
|
||||||
container: css`
|
container: css`
|
||||||
border: 1px solid ${theme.colors.border.strong};
|
border: 1px solid ${theme.colors.border.strong};
|
||||||
border-radius: 2px;
|
border-radius: ${theme.shape.borderRadius()};
|
||||||
color: ${theme.colors.text.secondary};
|
color: ${theme.colors.text.secondary};
|
||||||
`,
|
`,
|
||||||
row: css`
|
row: css`
|
||||||
|
|||||||
@@ -26,7 +26,7 @@ const getStyles = (theme: GrafanaTheme2) => ({
|
|||||||
height: 22px;
|
height: 22px;
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
padding: 1px 4px;
|
padding: 1px 4px;
|
||||||
border-radius: 3px;
|
border-radius: ${theme.shape.borderRadius()};
|
||||||
border: 1px solid rgba(245, 95, 62, 1);
|
border: 1px solid rgba(245, 95, 62, 1);
|
||||||
color: rgba(245, 95, 62, 1);
|
color: rgba(245, 95, 62, 1);
|
||||||
font-weight: ${theme.typography.fontWeightRegular};
|
font-weight: ${theme.typography.fontWeightRegular};
|
||||||
|
|||||||
@@ -57,7 +57,7 @@ const getStyles = (theme: GrafanaTheme2) => ({
|
|||||||
width: ${theme.spacing(4)};
|
width: ${theme.spacing(4)};
|
||||||
height: ${theme.spacing(4)};
|
height: ${theme.spacing(4)};
|
||||||
line-height: ${theme.spacing(4)};
|
line-height: ${theme.spacing(4)};
|
||||||
border-radius: ${theme.spacing(4)};
|
border-radius: 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: ${theme.colors.text.maxContrast};
|
color: ${theme.colors.text.maxContrast};
|
||||||
background-color: ${theme.colors.background.canvas};
|
background-color: ${theme.colors.background.canvas};
|
||||||
|
|||||||
@@ -151,7 +151,7 @@ const getStyles = (theme: GrafanaTheme2) => ({
|
|||||||
callout: css`
|
callout: css`
|
||||||
background-color: ${theme.colors.background.secondary};
|
background-color: ${theme.colors.background.secondary};
|
||||||
border-top: 3px solid ${theme.colors.info.border};
|
border-top: 3px solid ${theme.colors.info.border};
|
||||||
border-radius: 2px;
|
border-radius: ${theme.shape.borderRadius()};
|
||||||
height: 62px;
|
height: 62px;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
|
|||||||
@@ -234,7 +234,7 @@ const getStyles = (theme: GrafanaTheme2) => ({
|
|||||||
height: 100%;
|
height: 100%;
|
||||||
background: ${theme.colors.background.secondary};
|
background: ${theme.colors.background.secondary};
|
||||||
padding: ${theme.spacing(0.5)} ${theme.spacing(1)};
|
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)};
|
margin-bottom: ${theme.spacing(0.5)};
|
||||||
`,
|
`,
|
||||||
alertRuleItemIcon: css`
|
alertRuleItemIcon: css`
|
||||||
|
|||||||
@@ -261,7 +261,7 @@ export const getStyles = (theme: GrafanaTheme2) => ({
|
|||||||
height: 100%;
|
height: 100%;
|
||||||
background: ${theme.colors.background.secondary};
|
background: ${theme.colors.background.secondary};
|
||||||
padding: ${theme.spacing(0.5)} ${theme.spacing(1)};
|
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)};
|
margin-bottom: ${theme.spacing(0.5)};
|
||||||
|
|
||||||
gap: ${theme.spacing(2)};
|
gap: ${theme.spacing(2)};
|
||||||
|
|||||||
Reference in New Issue
Block a user