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 className="buttons-wrapper">
<button className="delete-unused-resource-btn" onClick={handleDeleteUnusedResourcesBtnClick}>
{t("resources.clear-unused-resources")}
</button>
<div className="delete-unused-resource-btn" onClick={handleDeleteUnusedResourcesBtnClick}>
<Icon.Trash2 className="icon-img" />
<span>{t("resources.clear-unused-resources")}</span>
</div>
</div>
</div>
{loadingState.isLoading ? (

View File

@ -24,7 +24,11 @@
}
> .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;
}
}
}
}