mirror of
https://github.com/portainer/portainer.git
synced 2025-08-02 20:35:25 +02:00
feat(sidebar): update menu structure [EE-5666] (#10418)
This commit is contained in:
parent
b468070945
commit
a0dbabcc5f
13 changed files with 519 additions and 146 deletions
24
app/react/sidebar/SidebarItem/SidebarTooltip.tsx
Normal file
24
app/react/sidebar/SidebarItem/SidebarTooltip.tsx
Normal file
|
@ -0,0 +1,24 @@
|
|||
import Tippy, { TippyProps } from '@tippyjs/react';
|
||||
|
||||
type Props = {
|
||||
content: React.ReactNode;
|
||||
children?: TippyProps['children'];
|
||||
};
|
||||
|
||||
export function SidebarTooltip({ children, content }: Props) {
|
||||
return (
|
||||
<Tippy
|
||||
className="sidebar !rounded-md bg-blue-9 p-3 !opacity-100 be:bg-gray-9 th-dark:bg-gray-true-9"
|
||||
content={content}
|
||||
delay={[0, 0]}
|
||||
duration={[0, 0]}
|
||||
zIndex={1000}
|
||||
placement="right"
|
||||
arrow
|
||||
allowHTML
|
||||
interactive
|
||||
>
|
||||
{children}
|
||||
</Tippy>
|
||||
);
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue