fix: make 'now' button consistent (#5716)

This commit is contained in:
Taine Riley 2021-08-17 19:48:29 +10:00 committed by GitHub
parent 0b4022ce12
commit 97de9da948
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 12 additions and 11 deletions

View File

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

View File

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

View File

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