Update button size and color in ChoreView component
This commit is contained in:
parent
b64df1ab15
commit
8a919dd427
1 changed files with 3 additions and 3 deletions
|
@ -344,16 +344,16 @@ const ChoreView = () => {
|
||||||
setSecondsLeftToCancel(null) // Reset or adjust as needed
|
setSecondsLeftToCancel(null) // Reset or adjust as needed
|
||||||
}
|
}
|
||||||
}}
|
}}
|
||||||
size='md'
|
size='lg'
|
||||||
variant='outlined'
|
variant='outlined'
|
||||||
color='primary'
|
color='danger'
|
||||||
startDecorator={<CancelScheduleSend />}
|
startDecorator={<CancelScheduleSend />}
|
||||||
>
|
>
|
||||||
Cancel
|
Cancel
|
||||||
</Button>
|
</Button>
|
||||||
}
|
}
|
||||||
>
|
>
|
||||||
<Typography level='body2' textAlign={'center'}>
|
<Typography level='body-md' textAlign={'center'}>
|
||||||
Task will be marked as completed in {secondsLeftToCancel} seconds
|
Task will be marked as completed in {secondsLeftToCancel} seconds
|
||||||
</Typography>
|
</Typography>
|
||||||
</Snackbar>
|
</Snackbar>
|
||||||
|
|
Loading…
Add table
Reference in a new issue