Fixed issue with hover tooltips.

This commit is contained in:
Mike Cao 2023-06-15 20:15:31 -07:00
parent 2b13002f1b
commit ab0838e272
20 changed files with 50 additions and 91 deletions

View file

@ -2,6 +2,7 @@
display: grid;
grid-template-rows: max-content 1fr;
grid-template-columns: 1fr;
overflow: hidden;
}
.nav {

View file

@ -1,5 +1,5 @@
import { useState } from 'react';
import { Icon, Text, Tooltip } from 'react-basics';
import { Icon, Text, TooltipPopup } from 'react-basics';
import classNames from 'classnames';
import { useRouter } from 'next/router';
import Link from 'next/link';
@ -36,7 +36,7 @@ export function NavGroup({
<div className={styles.body}>
{items.map(({ label, url, icon, divider }) => {
return (
<Tooltip key={label} label={label} position="right" disabled={!minimized}>
<TooltipPopup key={label} label={label} position="right" disabled={!minimized}>
<Link
href={url}
className={classNames(styles.item, {
@ -47,7 +47,7 @@ export function NavGroup({
<Icon>{icon}</Icon>
<Text className={styles.text}>{label}</Text>
</Link>
</Tooltip>
</TooltipPopup>
);
})}
</div>