Collection items whole div made as action button and cursor pointer added to the items (#61)

This commit is contained in:
shash68i 2022-11-01 00:50:51 +05:30 committed by GitHub
parent 5ad9be4f6b
commit 46ac15dd81
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 5 deletions

View File

@ -11,13 +11,14 @@ const StyledWrapper = styled.div`
}
.collection-options {
cursor: pointer;
svg {
position: relative;
top: -1px;
}
.label {
cursor: pointer;
&:hover {
text-decoration: underline;
}

View File

@ -65,15 +65,15 @@ const Welcome = () => {
<div className="uppercase font-semibold heading mt-10">Collections</div>
<div className="mt-4 flex items-center collection-options select-none">
<div className="flex items-center">
<div className="flex items-center" onClick={() => setCreateCollectionModalOpen(true)}>
<IconPlus size={18} strokeWidth={2} />
<span className="label ml-2" id="create-collection" onClick={() => setCreateCollectionModalOpen(true)}>
<span className="label ml-2" id="create-collection">
Create Collection
</span>
</div>
<div className="flex items-center ml-6">
<div className="flex items-center ml-6" onClick={() => setAddCollectionToWSModalOpen(true)}>
<IconFiles size={18} strokeWidth={2} />
<span className="label ml-2" id="add-collection" onClick={() => setAddCollectionToWSModalOpen(true)}>
<span className="label ml-2" id="add-collection">
Add Collection to Workspace
</span>
</div>