Set a z-index on the omnivore name logo element

When the OmnivoreNameLogo is a floating element we need to
set a z-index on it to ensure that it is above the left
article action menu items.

This fixes issues where the name logo might not be clickable on
wider screens.
This commit is contained in:
Jackson Harper 2022-07-14 11:10:47 -07:00
parent 4142cedef2
commit 9c37967abe

View file

@ -239,6 +239,7 @@ function FloatingNavHeader(props: NavHeaderProps): JSX.Element {
position: 'fixed',
display: 'flex',
alignItems: 'center',
zIndex: 100,
}}
>
<OmnivoreNameLogo href={props.username ? '/home' : '/login'} />