chore: add icon for deleting resource (#414)

This commit is contained in:
Zeng1998 2022-11-05 17:41:14 +08:00 committed by GitHub
parent 37bb3bc546
commit 78b4733fb9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 9 additions and 4 deletions

View File

@ -183,9 +183,10 @@ const ResourcesDialog: React.FC<Props> = (props: Props) => {
</div> </div>
</div> </div>
<div className="buttons-wrapper"> <div className="buttons-wrapper">
<button className="delete-unused-resource-btn" onClick={handleDeleteUnusedResourcesBtnClick}> <div className="delete-unused-resource-btn" onClick={handleDeleteUnusedResourcesBtnClick}>
{t("resources.clear-unused-resources")} <Icon.Trash2 className="icon-img" />
</button> <span>{t("resources.clear-unused-resources")}</span>
</div>
</div> </div>
</div> </div>
{loadingState.isLoading ? ( {loadingState.isLoading ? (

View File

@ -24,7 +24,11 @@
} }
> .delete-unused-resource-btn { > .delete-unused-resource-btn {
@apply text-sm py-1 px-3 mr-2 rounded bg-red-100 border border-solid border-red-600 text-red-600 hover:opacity-80; @apply text-sm cursor-pointer px-3 py-1 rounded flex flex-row justify-center items-center border border-red-600 text-red-600 bg-red-100 hover:opacity-80;
> .icon-img {
@apply w-4 h-auto mr-1;
}
} }
} }
} }