prehistoric-systems/omnivore
1
0
Fork 0
mirror of https://github.com/omnivore-app/omnivore.git synced 2026-03-11 08:54:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Hover on the highlight cards

Browse source
This commit is contained in:
Jackson Harper 2024-06-25 10:40:55 +08:00
parent 5d48023432
commit 182f49daba
1 changed files with 15 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
packages/web/components/nav-containers/HighlightsContainer.tsx
View file

@ -128,9 +128,8 @@ function HighlightCard(props: HighlightCardProps): JSX.Element {
const [isOpen, setIsOpen] = useState(false)
const [showConfirmDeleteHighlightId, setShowConfirmDeleteHighlightId] =
useState<undefined | string>(undefined)
const [labelsTarget, setLabelsTarget] = useState<Highlight | undefined>(
undefined
)
const [labelsTarget, setLabelsTarget] =
useState<Highlight | undefined>(undefined)
const viewInReader = useCallback(
(highlightId: string) => {
@ -187,9 +186,21 @@ function HighlightCard(props: HighlightCardProps): JSX.Element {
fontFamily: '$inter',
padding: '20px',
marginBottom: '20px',
bg: '$thBackground2',
bg: '$readerBg',
borderRadius: '8px',
cursor: 'pointer',
border: '1px solid $thLeftMenuBackground',
'&:focus': {
outline: 'none',
'> div': {
outline: 'none',
bg: '$thBackgroundActive',
},
},
'&:hover': {
bg: '$thBackgroundActive',
boxShadow: '$cardBoxShadow',
},
}}
>
<Box