Denozordec
3859983ae5
Refactored multiple components, including PanelCard, SettingsCard, and DataGridShell, to replace Card with Frame for better organization and presentation. Enhanced the DataGridToolbar to support optional ReUI filters and improved the overall structure of the KPI stat grid. Updated .gitignore to include .env.local for local environment configurations, ensuring better management of environment variables.
33 lines
1.3 KiB
TypeScript
33 lines
1.3 KiB
TypeScript
/**
|
||
* EvoBGP UI surface contract (ReUI Pro).
|
||
*
|
||
* Ops / list / dashboard / detail / settings: **Frame** only.
|
||
* KPI tiles: **stats-12** via `KpiStatGrid` / `reui-kit/KpiStatGrid`.
|
||
* Lists: Frame + DataGrid (`ResourcePage` / `DataGridSection`), not Card shell.
|
||
*
|
||
* @see https://reui.io/preview/base/stats-12
|
||
* @see https://reui.io/preview/base/dashboard-1
|
||
* @see https://reui.io/preview/base/data-grid-filtering-2
|
||
* @see docs/ui-design-contract.md
|
||
*/
|
||
export const UI_SURFACE = 'frame' as const
|
||
|
||
/** Grid for ReUI stats-12 KPI rows (3–6 tiles). */
|
||
export const kpiStatGridClassName = '@container w-full'
|
||
|
||
/** @deprecated Use kpiStatGridClassName — kept for legacy imports. */
|
||
export const dashboardKpiGridClassName = kpiStatGridClassName
|
||
|
||
/** @deprecated Sparkline KPI row replaced by stats-12 grid. */
|
||
export const kpiGridClassName =
|
||
'grid grid-cols-1 gap-5 @3xl:grid-cols-2 @6xl:grid-cols-4'
|
||
|
||
/** @deprecated */
|
||
export const kpiCardContentClassName = 'flex flex-col items-start gap-4 p-5'
|
||
|
||
/** Two-column chart panel row (monitoring / network overview). */
|
||
export const chartPanelGridClassName = 'grid grid-cols-1 gap-4 @5xl:grid-cols-2'
|
||
|
||
/** Main + sidebar layout (8+4) used on dashboard. */
|
||
export const dashboardMainSidebarClassName = 'grid gap-4 xl:grid-cols-12 xl:items-start'
|