13 lines
528 B
TypeScript
13 lines
528 B
TypeScript
/**
|
|
* Shared grid column classes for hybrid KPI tiles.
|
|
* @see https://reui.io/preview/base/stats-12
|
|
*/
|
|
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 @6xl:grid-cols-4"
|
|
if (count <= 6) return "grid-cols-1 @xl:grid-cols-2 @4xl:grid-cols-3"
|
|
return "grid-cols-1 @xl:grid-cols-2 @4xl:grid-cols-3 @6xl:grid-cols-4"
|
|
}
|