Nicholai/jan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: system monitor expand overlap tooltip ribbon (#2158)

Browse Source
This commit is contained in:
Faisal Amir 2024-02-27 13:24:32 +07:00 committed by GitHub
parent 00e5c4e5a7
commit b1e748b958
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 27 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
web/containers/Layout/Ribbon/index.tsx
View File

@ -2,6 +2,7 @@ import {
Tooltip, Tooltip,
TooltipContent, TooltipContent,
TooltipTrigger, TooltipTrigger,
TooltipPortal,
TooltipArrow, TooltipArrow,
} from '@janhq/uikit' } from '@janhq/uikit'
import { motion as m } from 'framer-motion' import { motion as m } from 'framer-motion'
@ -118,6 +119,7 @@ export default function RibbonNav() {
/> />
)} )}
</TooltipTrigger> </TooltipTrigger>
<TooltipPortal>
{serverEnabled && {serverEnabled &&
primary.state === MainViewState.Thread ? ( primary.state === MainViewState.Thread ? (
<TooltipContent <TooltipContent
@ -136,6 +138,7 @@ export default function RibbonNav() {
<TooltipArrow /> <TooltipArrow />
</TooltipContent> </TooltipContent>
)} )}
</TooltipPortal>
</Tooltip> </Tooltip>
</div> </div>
) )
@ -168,10 +171,12 @@ export default function RibbonNav() {
/> />
)} )}
</TooltipTrigger> </TooltipTrigger>
<TooltipPortal>
<TooltipContent side="right" sideOffset={10}> <TooltipContent side="right" sideOffset={10}>
<span>{secondary.name}</span> <span>{secondary.name}</span>
<TooltipArrow /> <TooltipArrow />
</TooltipContent> </TooltipContent>
</TooltipPortal>
</Tooltip> </Tooltip>
</div> </div>
) )