aiden
/
memos
mirror of https://github.com/usememos/memos
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

chore: add tooltip to icon buttons

Browse Source
pull/2290/head
Steven 2 years ago
parent 7722c41680
commit 4f10198ec0
1 changed files with 15 additions and 9 deletions
Show Stats Download Patch File Download Diff File

24
web/src/pages/MemoDetail.tsx
Unescape Escape View File

@ -124,16 +124,22 @@ const MemoDetail = () => {
</div> </div>
<div className="flex flex-row sm:justify-end items-center"> <div className="flex flex-row sm:justify-end items-center">
{allowEdit && ( {allowEdit && (
<IconButton size="sm" onClick={handleEditMemoClick}> <Tooltip title={"Edit"} placement="top">
<Icon.Edit3 className="w-4 h-auto text-gray-600 dark:text-gray-400" /> <IconButton size="sm" onClick={handleEditMemoClick}>
</IconButton> <Icon.Edit3 className="w-4 h-auto text-gray-600 dark:text-gray-400" />
</IconButton>
</Tooltip>
)} )}
<IconButton size="sm" onClick={handleCopyLinkBtnClick}> <Tooltip title={"Copy link"} placement="top">
<Icon.Link className="w-4 h-auto text-gray-600 dark:text-gray-400" /> <IconButton size="sm" onClick={handleCopyLinkBtnClick}>
</IconButton> <Icon.Link className="w-4 h-auto text-gray-600 dark:text-gray-400" />
<IconButton size="sm" onClick={() => showShareMemoDialog(memo)}> </IconButton>
<Icon.Share className="w-4 h-auto text-gray-600 dark:text-gray-400" /> </Tooltip>
</IconButton> <Tooltip title={"Share"} placement="top">
<IconButton size="sm" onClick={() => showShareMemoDialog(memo)}>
<Icon.Share className="w-4 h-auto text-gray-600 dark:text-gray-400" />
</IconButton>
</Tooltip>
</div> </div>
</div> </div>
</div> </div>

Write Preview
Loading…
Cancel
Save