|
1 | 1 | import './FunnelConfiguration.styles.scss';
|
2 | 2 |
|
3 | 3 | import { Button, Divider, Tooltip } from 'antd';
|
| 4 | +import cx from 'classnames'; |
4 | 5 | import OverlayScrollbar from 'components/OverlayScrollbar/OverlayScrollbar';
|
5 | 6 | import useFunnelConfiguration from 'hooks/TracesFunnels/useFunnelConfiguration';
|
6 | 7 | import { PencilLine } from 'lucide-react';
|
@@ -80,15 +81,21 @@ function FunnelConfiguration({
|
80 | 81 | </div>
|
81 | 82 | </div>
|
82 | 83 | )}
|
83 |
| - <div className="funnel-configuration__steps-wrapper"> |
| 84 | + <div |
| 85 | + className={cx('funnel-configuration__steps-wrapper', { |
| 86 | + 'funnel-details-page': !isTraceDetailsPage, |
| 87 | + })} |
| 88 | + > |
84 | 89 | <OverlayScrollbar>
|
85 | 90 | <>
|
86 |
| - <div className="funnel-configuration__description-wrapper"> |
87 |
| - <div className="funnel-title">{funnel.funnel_name}</div> |
88 |
| - <div className="funnel-description"> |
89 |
| - {funnel?.description ?? 'No description added.'} |
| 91 | + {!isTraceDetailsPage && ( |
| 92 | + <div className="funnel-configuration__description-wrapper"> |
| 93 | + <div className="funnel-title">{funnel.funnel_name}</div> |
| 94 | + <div className="funnel-description"> |
| 95 | + {funnel?.description ?? 'No description added.'} |
| 96 | + </div> |
90 | 97 | </div>
|
91 |
| - </div> |
| 98 | + )} |
92 | 99 | <div className="funnel-configuration__steps">
|
93 | 100 | {!isTraceDetailsPage && <StepsHeader />}
|
94 | 101 | <StepsContent isTraceDetailsPage={isTraceDetailsPage} span={span} />
|
|
0 commit comments