Benature/omnivore
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Hover action sizes

Browse Source
This commit is contained in:
Jackson Harper
2023-08-01 17:44:21 +08:00
parent 1adbe9a8cf
commit d8c7970000
2 changed files with 10 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/web/components/elements/Button.tsx
View File

@ -262,7 +262,7 @@ export const Button = styled('button', {
cursor: 'pointer',
padding: '4px',
height: '100%',
pt: '6px',
pt: '5px',
minWidth: '25px',
'&:hover': {

14
packages/web/components/patterns/LibraryCards/LibraryHoverActions.tsx
View File

@ -60,6 +60,7 @@ export const LibraryHoverActions = (props: LibraryHoverActionsProps) => {
}}
>
<Button
title="View Notebook (t)"
style="hoverActionIcon"
onClick={(event) => {
props.handleAction('open-notebook')
@ -70,11 +71,12 @@ export const LibraryHoverActions = (props: LibraryHoverActionsProps) => {
}}
>
<NotebookIcon
size={19}
size={21}
color={theme.colors.thNotebookSubtle.toString()}
/>
</Button>
<Button
title="Archive (e)"
style="hoverActionIcon"
onClick={(event) => {
const action = props.item.isArchived ? 'unarchive' : 'archive'
@ -84,33 +86,35 @@ export const LibraryHoverActions = (props: LibraryHoverActionsProps) => {
>
{props.item.isArchived ? (
<UnarchiveIcon
size={18}
size={21}
color={theme.colors.thNotebookSubtle.toString()}
/>
) : (
<ArchiveIcon
size={18}
size={21}
color={theme.colors.thNotebookSubtle.toString()}
/>
)}
</Button>
<Button
title="Remove (#)"
style="hoverActionIcon"
onClick={(event) => {
props.handleAction('delete')
event.preventDefault()
}}
>
<TrashIcon size={18} color={theme.colors.thNotebookSubtle.toString()} />
<TrashIcon size={21} color={theme.colors.thNotebookSubtle.toString()} />
</Button>
<Button
title="Edit labels (l)"
style="hoverActionIcon"
onClick={(event) => {
props.handleAction('set-labels')
event.preventDefault()
}}
>
<LabelIcon size={18} color={theme.colors.thNotebookSubtle.toString()} />
<LabelIcon size={21} color={theme.colors.thNotebookSubtle.toString()} />
</Button>
<CardMenu
item={props.item}