update components with theme property
This commit is contained in:
parent
5eb29e1f16
commit
8e08fb1974
|
@ -174,12 +174,13 @@ const CollectionOptions = (props: CollectionOptionsProps) => {
|
||||||
MenuListProps={{
|
MenuListProps={{
|
||||||
'aria-labelledby': 'collection-options',
|
'aria-labelledby': 'collection-options',
|
||||||
}}>
|
}}>
|
||||||
<Paper sx={{ borderRadius: '10px' }}>
|
<Paper
|
||||||
|
sx={{ borderRadius: (theme) => theme.sizes.borderRadius }}>
|
||||||
<MenuList
|
<MenuList
|
||||||
sx={{
|
sx={{
|
||||||
padding: 0,
|
padding: 0,
|
||||||
border: 'none',
|
border: 'none',
|
||||||
borderRadius: '8px',
|
borderRadius: (theme) => theme.sizes.borderRadius,
|
||||||
}}>
|
}}>
|
||||||
<MenuItem>
|
<MenuItem>
|
||||||
<ListItem onClick={showRenameCollectionModal}>
|
<ListItem onClick={showRenameCollectionModal}>
|
||||||
|
|
|
@ -60,7 +60,7 @@ function RecoveryKeyModal({ somethingWentWrong, ...props }: Props) {
|
||||||
}}>
|
}}>
|
||||||
<p>{constants.RECOVERY_KEY_DESCRIPTION}</p>
|
<p>{constants.RECOVERY_KEY_DESCRIPTION}</p>
|
||||||
<Box
|
<Box
|
||||||
borderRadius={'8px'}
|
borderRadius={(theme) => theme.sizes.borderRadius}
|
||||||
border={'1px dashed'}
|
border={'1px dashed'}
|
||||||
borderColor={'grey.A700'}>
|
borderColor={'grey.A700'}>
|
||||||
<CodeBlock code={recoveryKey} />
|
<CodeBlock code={recoveryKey} />
|
||||||
|
|
|
@ -21,7 +21,7 @@ export default function SubscriptionDetails({ userDetails }: Iprops) {
|
||||||
flexDirection={'column'}
|
flexDirection={'column'}
|
||||||
height={160}
|
height={160}
|
||||||
bgcolor="accent.main"
|
bgcolor="accent.main"
|
||||||
borderRadius={'8px'}
|
borderRadius={(theme) => theme.sizes.borderRadius}
|
||||||
position={'relative'}>
|
position={'relative'}>
|
||||||
{userDetails ? (
|
{userDetails ? (
|
||||||
<>
|
<>
|
||||||
|
@ -61,7 +61,7 @@ export default function SubscriptionDetails({ userDetails }: Iprops) {
|
||||||
position={'relative'}
|
position={'relative'}
|
||||||
zIndex="100"
|
zIndex="100"
|
||||||
height="64px"
|
height="64px"
|
||||||
borderRadius={'0 0 8px 8px'}
|
borderRadius={(theme) => theme.sizes.borderRadius}
|
||||||
bgcolor="accent.dark"
|
bgcolor="accent.dark"
|
||||||
padding="16px">
|
padding="16px">
|
||||||
<LinearProgress
|
<LinearProgress
|
||||||
|
|
Loading…
Reference in a new issue