diff options
| author | sowgro <tpoke.ferrari@gmail.com> | 2024-11-24 19:40:15 -0500 |
|---|---|---|
| committer | sowgro <tpoke.ferrari@gmail.com> | 2024-11-24 19:40:15 -0500 |
| commit | 44f32ca142cfa3bf7d11c4cd01bfe369e206a80d (patch) | |
| tree | 09de32df34158b979104c6fc296cb7cc6a6db65e /extension/src/components/FolderButton.tsx | |
| parent | 0617a8ed5709972df2d17c6053a9173fd2da469a (diff) | |
| download | bookmarks-home-44f32ca142cfa3bf7d11c4cd01bfe369e206a80d.tar.gz bookmarks-home-44f32ca142cfa3bf7d11c4cd01bfe369e206a80d.tar.bz2 bookmarks-home-44f32ca142cfa3bf7d11c4cd01bfe369e206a80d.zip | |
Style small icons
Diffstat (limited to 'extension/src/components/FolderButton.tsx')
| -rw-r--r-- | extension/src/components/FolderButton.tsx | 8 |
1 files changed, 5 insertions, 3 deletions
diff --git a/extension/src/components/FolderButton.tsx b/extension/src/components/FolderButton.tsx index 2d7cc9e..42e5d60 100644 --- a/extension/src/components/FolderButton.tsx +++ b/extension/src/components/FolderButton.tsx @@ -15,11 +15,13 @@ function FolderButton(props: {data: BookmarkTreeNode}) { return( <> - <a className={"bookmark draggable"} onClick={() => setFolderOpen(!folderOpen)}> - <img alt="Folder icon" src={folderOpen ? folderIconOpen : folderIcon}/> + <a className="bookmark draggable" onClick={() => setFolderOpen(!folderOpen)}> + <div className="icon-box"> + <img alt="Folder icon" src={folderOpen ? folderIconOpen : folderIcon}/> + </div> <span>{props.data.title}</span> </a> - { folderOpen + {folderOpen && props.data.children && props.data.children.length > 0 && (<FolderBody data={props.data}/>)} |