Fix the style for cancel buttons on non-login pages

This commit is contained in:
Jackson Harper 2022-08-17 14:21:57 +08:00
parent e0e47f1623
commit a7f7f80c90
3 changed files with 4 additions and 4 deletions

View file

@ -36,13 +36,13 @@ export const Button = styled('button', {
'-webkit-box-sizing': 'border-box',
borderColor: 'unset',
border: '1px solid $omnivoreCtaYellow',
fontSize: '16px',
fontSize: '14px',
fontWeight: 500,
fontStyle: 'normal',
fontFamily: 'Inter',
borderRadius: '8px',
cursor: 'pointer',
color: '$omnivoreGray',
color: '$utilityTextDefault',
bg: 'transparent',
p: '9px 12px',
},

View file

@ -85,7 +85,7 @@ export function EmailLogin(): JSX.Element {
height: '80px',
}}
>
<Button style={'ctaOutlineYellow'} css={{ borderColor: '$omnivoreLightGray' }} type="button" onClick={async (event) => {
<Button style={'ctaOutlineYellow'} css={{ color: '$omnivoreGray', borderColor: '$omnivoreLightGray' }} type="button" onClick={async (event) => {
window.localStorage.removeItem('authVerified')
window.localStorage.removeItem('authToken')
try {

View file

@ -148,7 +148,7 @@ export function EmailSignup(): JSX.Element {
height: '80px',
}}
>
<Button style={'ctaOutlineYellow'} css={{ borderColor: 'rgba(0, 0, 0, 0.06)' }} type="button" onClick={async (event) => {
<Button style={'ctaOutlineYellow'} css={{ color: '$omnivoreGray', borderColor: 'rgba(0, 0, 0, 0.06)' }} type="button" onClick={async (event) => {
window.localStorage.removeItem('authVerified')
window.localStorage.removeItem('authToken')
try {