mirror of
https://github.com/grafana/grafana.git
synced 2025-09-22 22:23:39 +08:00
Design System: Set border radius to theme.shape.radius.default (#65511)
* refactor: replace by default token * refactor: remove helper * refactor: use pill token
This commit is contained in:
@ -43,7 +43,7 @@ const getStyles = stylesFactory((theme: GrafanaTheme2) => {
|
|||||||
left: calc(50% - 100px) !important;
|
left: calc(50% - 100px) !important;
|
||||||
top: -4px !important;
|
top: -4px !important;
|
||||||
cursor: grab;
|
cursor: grab;
|
||||||
border-radius: 4px;
|
border-radius: ${theme.shape.radius.pill};
|
||||||
&:hover {
|
&:hover {
|
||||||
background: ${theme.colors.secondary.shade};
|
background: ${theme.colors.secondary.shade};
|
||||||
}
|
}
|
||||||
|
@ -20,7 +20,7 @@ const getStyles = (theme: GrafanaTheme2) => ({
|
|||||||
label: no-data-card;
|
label: no-data-card;
|
||||||
padding: ${theme.spacing(3)};
|
padding: ${theme.spacing(3)};
|
||||||
background: ${theme.colors.background.primary};
|
background: ${theme.colors.background.primary};
|
||||||
border-radius: ${theme.shape.borderRadius()};
|
border-radius: ${theme.shape.radius.default};
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
@ -28,7 +28,7 @@ const getStyles = (theme: GrafanaTheme2) => ({
|
|||||||
background-color: ${theme.colors.background.primary};
|
background-color: ${theme.colors.background.primary};
|
||||||
border: 1px solid ${theme.colors.border.medium};
|
border: 1px solid ${theme.colors.border.medium};
|
||||||
position: relative;
|
position: relative;
|
||||||
border-radius: ${theme.shape.borderRadius()};
|
border-radius: ${theme.shape.radius.default};
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
@ -38,7 +38,7 @@ export const getStyles = (theme: GrafanaTheme2) => {
|
|||||||
margin-bottom: -48px;
|
margin-bottom: -48px;
|
||||||
padding: 8px;
|
padding: 8px;
|
||||||
margin-right: 2px;
|
margin-right: 2px;
|
||||||
border-radius: ${theme.shape.borderRadius()};
|
border-radius: ${theme.shape.radius.default};
|
||||||
box-shadow: ${theme.shadows.z2};
|
box-shadow: ${theme.shadows.z2};
|
||||||
`,
|
`,
|
||||||
TracePageSearchBarBar: css`
|
TracePageSearchBarBar: css`
|
||||||
|
@ -144,7 +144,7 @@ export const getLogRowStyles = memoizeOne((theme: GrafanaTheme2) => {
|
|||||||
label: logs-row-details-table;
|
label: logs-row-details-table;
|
||||||
border: 1px solid ${theme.colors.border.medium};
|
border: 1px solid ${theme.colors.border.medium};
|
||||||
padding: 0 ${theme.spacing(1)} ${theme.spacing(1)};
|
padding: 0 ${theme.spacing(1)} ${theme.spacing(1)};
|
||||||
border-radius: ${theme.shape.borderRadius()};
|
border-radius: ${theme.shape.radius.default};
|
||||||
margin: ${theme.spacing(2.5)} ${theme.spacing(1)} ${theme.spacing(2.5)} ${theme.spacing(2)};
|
margin: ${theme.spacing(2.5)} ${theme.spacing(1)} ${theme.spacing(2.5)} ${theme.spacing(2)};
|
||||||
cursor: default;
|
cursor: default;
|
||||||
`,
|
`,
|
||||||
|
Reference in New Issue
Block a user