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

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

@ -2,6 +2,7 @@ import {
Tooltip,
TooltipContent,
TooltipTrigger,
TooltipPortal,
TooltipArrow,
} from '@janhq/uikit'
import { motion as m } from 'framer-motion'
@ -118,24 +119,26 @@ export default function RibbonNav() {
/>
)}
</TooltipTrigger>
{serverEnabled &&
primary.state === MainViewState.Thread ? (
<TooltipContent
side="right"
sideOffset={10}
className="max-w-[180px]"
>
<span>
Threads are disabled while the server is running
</span>
<TooltipArrow />
</TooltipContent>
) : (
<TooltipContent side="right" sideOffset={10}>
<span>{primary.name}</span>
<TooltipArrow />
</TooltipContent>
)}
<TooltipPortal>
{serverEnabled &&
primary.state === MainViewState.Thread ? (
<TooltipContent
side="right"
sideOffset={10}
className="max-w-[180px]"
>
<span>
Threads are disabled while the server is running
</span>
<TooltipArrow />
</TooltipContent>
) : (
<TooltipContent side="right" sideOffset={10}>
<span>{primary.name}</span>
<TooltipArrow />
</TooltipContent>
)}
</TooltipPortal>
</Tooltip>
</div>
)
@ -168,10 +171,12 @@ export default function RibbonNav() {
/>
)}
</TooltipTrigger>
<TooltipContent side="right" sideOffset={10}>
<span>{secondary.name}</span>
<TooltipArrow />
</TooltipContent>
<TooltipPortal>
<TooltipContent side="right" sideOffset={10}>
<span>{secondary.name}</span>
<TooltipArrow />
</TooltipContent>
</TooltipPortal>
</Tooltip>
</div>
)