mirror of
https://github.com/bigcapitalhq/bigcapital.git
synced 2026-02-22 15:50:32 +00:00
feat: modify the locked transactions module.
This commit is contained in:
@@ -62,7 +62,7 @@ export const TransactionLockingContent = ({
|
|||||||
};
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<TransactionLockingWrapp>
|
<TransactionLockingWrapp isEnabled={isEnabled}>
|
||||||
<TransLockingInner>
|
<TransLockingInner>
|
||||||
<TransLockingIcon>
|
<TransLockingIcon>
|
||||||
<Icon icon="lock" iconSize={24} />
|
<Icon icon="lock" iconSize={24} />
|
||||||
@@ -116,7 +116,8 @@ export const TransactionLockingContent = ({
|
|||||||
/>
|
/>
|
||||||
</Menu>
|
</Menu>
|
||||||
}
|
}
|
||||||
placement="bottom"
|
placement={'bottom-start'}
|
||||||
|
minimal={true}
|
||||||
>
|
>
|
||||||
<Button small={true} minimal={true} intent={Intent.PRIMARY}>
|
<Button small={true} minimal={true} intent={Intent.PRIMARY}>
|
||||||
Unlock
|
Unlock
|
||||||
@@ -138,6 +139,16 @@ const TransactionLockingWrapp = styled.div`
|
|||||||
margin-bottom: 22px;
|
margin-bottom: 22px;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
box-shadow: 0 4px 20px -5px rgb(0 8 36 / 5%);
|
box-shadow: 0 4px 20px -5px rgb(0 8 36 / 5%);
|
||||||
|
|
||||||
|
${(props) =>
|
||||||
|
props.isEnabled &&
|
||||||
|
`
|
||||||
|
border-color: #fe9f9e;
|
||||||
|
|
||||||
|
${TransLockingIcon} {
|
||||||
|
color: #ff8282;
|
||||||
|
}
|
||||||
|
`}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
const TransLockingInner = styled.div`
|
const TransLockingInner = styled.div`
|
||||||
|
|||||||
Reference in New Issue
Block a user