mirror of
https://github.com/grafana/grafana.git
synced 2025-02-25 18:55:37 -06: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:
parent
10d896d24e
commit
d473fa3977
@ -43,7 +43,7 @@ const getStyles = stylesFactory((theme: GrafanaTheme2) => {
|
||||
left: calc(50% - 100px) !important;
|
||||
top: -4px !important;
|
||||
cursor: grab;
|
||||
border-radius: 4px;
|
||||
border-radius: ${theme.shape.radius.pill};
|
||||
&:hover {
|
||||
background: ${theme.colors.secondary.shade};
|
||||
}
|
||||
|
@ -20,7 +20,7 @@ const getStyles = (theme: GrafanaTheme2) => ({
|
||||
label: no-data-card;
|
||||
padding: ${theme.spacing(3)};
|
||||
background: ${theme.colors.background.primary};
|
||||
border-radius: ${theme.shape.borderRadius()};
|
||||
border-radius: ${theme.shape.radius.default};
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
|
@ -28,7 +28,7 @@ const getStyles = (theme: GrafanaTheme2) => ({
|
||||
background-color: ${theme.colors.background.primary};
|
||||
border: 1px solid ${theme.colors.border.medium};
|
||||
position: relative;
|
||||
border-radius: ${theme.shape.borderRadius()};
|
||||
border-radius: ${theme.shape.radius.default};
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
@ -38,7 +38,7 @@ export const getStyles = (theme: GrafanaTheme2) => {
|
||||
margin-bottom: -48px;
|
||||
padding: 8px;
|
||||
margin-right: 2px;
|
||||
border-radius: ${theme.shape.borderRadius()};
|
||||
border-radius: ${theme.shape.radius.default};
|
||||
box-shadow: ${theme.shadows.z2};
|
||||
`,
|
||||
TracePageSearchBarBar: css`
|
||||
|
@ -144,7 +144,7 @@ export const getLogRowStyles = memoizeOne((theme: GrafanaTheme2) => {
|
||||
label: logs-row-details-table;
|
||||
border: 1px solid ${theme.colors.border.medium};
|
||||
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)};
|
||||
cursor: default;
|
||||
`,
|
||||
|
Loading…
Reference in New Issue
Block a user