fix: make 'now' button consistent (#5716)
This commit is contained in:
parent
0b4022ce12
commit
97de9da948
@ -41,14 +41,8 @@ const ExpandButton = styled.button`
|
|||||||
`;
|
`;
|
||||||
|
|
||||||
const AddButton = styled.button`
|
const AddButton = styled.button`
|
||||||
${buttons.button};
|
${buttons.button}
|
||||||
display: flex;
|
${buttons.widget}
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
padding: 2px 12px;
|
|
||||||
font-size: 12px;
|
|
||||||
font-weight: bold;
|
|
||||||
border-radius: 3px;
|
|
||||||
|
|
||||||
${Icon} {
|
${Icon} {
|
||||||
margin-left: 6px;
|
margin-left: 6px;
|
||||||
|
@ -191,6 +191,15 @@ const buttons = {
|
|||||||
background-color: ${colorsRaw.gray};
|
background-color: ${colorsRaw.gray};
|
||||||
color: ${colorsRaw.white};
|
color: ${colorsRaw.white};
|
||||||
`,
|
`,
|
||||||
|
widget: css`
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
padding: 2px 12px;
|
||||||
|
font-size: 12px;
|
||||||
|
font-weight: bold;
|
||||||
|
border-radius: 3px;
|
||||||
|
`,
|
||||||
medium: css`
|
medium: css`
|
||||||
height: 27px;
|
height: 27px;
|
||||||
line-height: 27px;
|
line-height: 27px;
|
||||||
|
@ -21,9 +21,7 @@ function NowButton({ t, handleChange }) {
|
|||||||
<button
|
<button
|
||||||
css={css`
|
css={css`
|
||||||
${buttons.button}
|
${buttons.button}
|
||||||
${buttons.default}
|
${buttons.widget}
|
||||||
${buttons.lightBlue}
|
|
||||||
${buttons.small}
|
|
||||||
`}
|
`}
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
handleChange(moment());
|
handleChange(moment());
|
||||||
|
Loading…
x
Reference in New Issue
Block a user