Files
vps-tracker/apps/web/src/components/reui-kit/kpi-cols.ts
T
DenozordecandClaude Opus 5.5 b5300b9082 feat(web): перевести shell и дашборд на дизайн VPS-Tracker
Сворачиваемые группы меню с точками проблем, приложения в AppSwitcher вместо
AppsMenu в шапке, пилюля монитора со счётчиками, KPI со значением и бейджем
в одной строке, вкладки дашборда на уровне страницы.

Co-Authored-By: Claude Opus 5.5 <[email protected]>
2026-11-06 21:57:47 +07:00

10 lines
483 B
TypeScript

/** Shared grid column classes for hybrid KPI / Quick Actions tiles. */
export function kpiCols(count: number): string {
if (count <= 1) return 'grid-cols-1'
if (count === 2) return 'grid-cols-1 @xl:grid-cols-2'
if (count === 3) return 'grid-cols-1 @3xl:grid-cols-3'
if (count === 4) return 'grid-cols-1 @3xl:grid-cols-2 @5xl:grid-cols-4'
// Design «VPS-Tracker»: at most 4 KPI columns, wrapping to the next row.
return 'grid-cols-1 @xl:grid-cols-2 @5xl:grid-cols-4'
}