Style tweaks on delete confirmation view

This commit is contained in:
Jackson Harper 2022-11-24 15:55:54 +08:00
parent 2d0c0aabcd
commit d6393c5855
2 changed files with 5 additions and 3 deletions

View file

@ -53,6 +53,7 @@ const textVariants = {
},
modalTitle: {
fontSize: '16px',
fontWeight: '600',
color: '$grayText',
lineHeight: '1.50',
margin: 0,

View file

@ -1160,16 +1160,17 @@ function HomeFeedGrid(props: HomeFeedContentProps): JSX.Element {
<ConfirmationModal
richMessage={
<VStack alignment="center" distribution="center">
<StyledText style="modalTitle" css={{ margin: '8px' }}>
<StyledText style="modalTitle" css={{ margin: '0px 8px' }}>
Are you sure you want to delete this item? All associated notes
and highlights will be deleted.
</StyledText>
{props.linkToRemove?.node && viewerData?.me && (
<Box
css={{
transform: 'scale(0.8)',
opacity: 0.5,
transform: 'scale(0.6)',
opacity: 0.8,
pointerEvents: 'none',
filter: 'grayscale(1)',
}}
>
<LinkedItemCard