fix: delete operation style error (#485)

This commit is contained in:
Joel 2023-06-29 09:24:31 +08:00 committed by GitHub
parent db4e6d81c5
commit c6ab7eebd9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 2 deletions

View File

@ -43,8 +43,8 @@ const ItemOperation: FC<IItemOperationProps> = ({
</div>
{isShowDelete && (
<div className={cn(s.actionItem, s.deleteActionItem, 'hover:bg-gray-50 group')} onClick={onDelete} >
<TrashIcon className={'shrink-0 w-4 h-4 stroke-current text-gray-500 stroke-2 group-hover:text-red-500'} />
<span className={cn(s.actionName, 'group-hover:text-red-500')}>{t('explore.sidebar.action.delete')}</span>
<TrashIcon className={cn(s.deleteActionItemChild, 'shrink-0 w-4 h-4 stroke-current text-gray-500 stroke-2')} />
<span className={cn(s.actionName, s.deleteActionItemChild)}>{t('explore.sidebar.action.delete')}</span>
</div>
)}

View File

@ -29,3 +29,7 @@ body .btn:hover {
/* background-image: ; */
background-color: #F2F4F7;
}
.deleteActionItem:hover .deleteActionItemChild {
@apply text-red-500;
}