Denozordec
2f914bcc65
quality / commitlint (push) Skipped
quality / changes (push) Failing after 8s
quality / openapi (push) Skipped
quality / web (push) Skipped
quality / go (push) Skipped
CD / quality (push) Failing after 11s
quality / bird2 (push) Skipped
quality / docker-check (push) Skipped
CD / publish (push) Skipped
Контент карточки «Сравнение ревизий» и шела аналитических карточек прилипал к рамке FramePanel: в contentClassName передавался только вертикальный py-, а FrameSection рендерит панель с p-0. Добавлен px-5 — горизонтальная вставка по константе кита panelCardInsetClassName, на одной оси с остальными карточками (мониторинг, дашборд).
67 lines
1.5 KiB
TypeScript
67 lines
1.5 KiB
TypeScript
import type { ReactNode } from 'react'
|
|
import { Info } from 'lucide-react'
|
|
|
|
import { cn } from '@evobgp/ui/lib/utils'
|
|
import {
|
|
Tooltip,
|
|
TooltipContent,
|
|
TooltipTrigger,
|
|
} from '@evobgp/ui/components/tooltip'
|
|
|
|
import { FrameSection } from '@/components/reui-kit'
|
|
|
|
/** Chart Frame shell — chart-1 spacing, not Card.
|
|
* @see https://reui.io/preview/base/chart-1
|
|
* @see https://reui.io/docs/components/base/frame
|
|
*/
|
|
export function AnalyticsCardShell({
|
|
title,
|
|
description,
|
|
info,
|
|
actions,
|
|
footer,
|
|
className,
|
|
children,
|
|
}: {
|
|
title: string
|
|
description?: string
|
|
info?: string
|
|
actions?: ReactNode
|
|
footer?: ReactNode
|
|
className?: string
|
|
children: ReactNode
|
|
}) {
|
|
const titleNode = (
|
|
<span className="flex items-center gap-2">
|
|
{title}
|
|
{info ? (
|
|
<Tooltip>
|
|
<TooltipTrigger
|
|
className="inline-flex text-muted-foreground transition-colors hover:text-foreground"
|
|
aria-label="Подробнее"
|
|
>
|
|
<Info className="size-3.5" />
|
|
</TooltipTrigger>
|
|
<TooltipContent side="top" className="max-w-xs text-xs">
|
|
{info}
|
|
</TooltipContent>
|
|
</Tooltip>
|
|
) : null}
|
|
</span>
|
|
)
|
|
|
|
return (
|
|
<FrameSection
|
|
title={titleNode}
|
|
description={description}
|
|
actions={actions}
|
|
footer={footer}
|
|
className={cn('overflow-hidden', className)}
|
|
contentClassName="flex flex-col gap-5 px-5 py-5"
|
|
footerClassName={footer ? 'gap-2 px-5 py-4' : undefined}
|
|
>
|
|
{children}
|
|
</FrameSection>
|
|
)
|
|
}
|