ui: fix tooltip position for xray elements...

This commit is contained in:
nick-delirium 2024-10-16 13:03:29 +02:00
parent 525fc39cbf
commit 62600fdf6a
No known key found for this signature in database
GPG key ID: 93ABD695DF5FDBA0
2 changed files with 6 additions and 1 deletions

View file

@ -19,6 +19,7 @@ export function NetworkElement({ item, createEventClickHandler }: CommonProps) {
const name = item.name || '';
return (
<Tooltip
placement={'right'}
title={
<div className="">
<b>{item.success ? 'Slow resource: ' : '4xx/5xx Error:'}</b>
@ -70,6 +71,7 @@ export function FrustrationElement({ item, createEventClickHandler }: CommonProp
const elData = getFrustration(item);
return (
<Tooltip
placement={'right'}
title={
<div className="">
<b>{elData.name}</b>
@ -89,6 +91,7 @@ export function FrustrationElement({ item, createEventClickHandler }: CommonProp
export function StackEventElement({ item, createEventClickHandler }: CommonProps) {
return (
<Tooltip
placement={'right'}
title={
<div className="">
<b>{item.name || 'Stack Event'}</b>
@ -108,6 +111,7 @@ export function StackEventElement({ item, createEventClickHandler }: CommonProps
export function PerformanceElement({ item, createEventClickHandler }: CommonProps) {
return (
<Tooltip
placement={'right'}
title={
<div className="">
<b>{item.type}</b>
@ -127,6 +131,7 @@ export function PerformanceElement({ item, createEventClickHandler }: CommonProp
export function ExceptionElement({ item, createEventClickHandler }: CommonProps) {
return (
<Tooltip
placement={'right'}
title={
<div className="">
<b>{'Exception'}</b>

View file

@ -1,5 +1,5 @@
import { ShareAltOutlined } from '@ant-design/icons';
import { Button as AntButton, Popover, Switch, Tooltip } from 'antd';
import { Button as AntButton, Switch, Tooltip } from 'antd';
import cn from 'classnames';
import { Link2 } from 'lucide-react';
import { observer } from 'mobx-react-lite';