Files
aragrp/components/roadmap/timeline-config.ts
T
ar.badieiandCursor c2376b3b9e
Build & Push Docker Image / build (push) Has been cancelled
feat: redesign landing page with brand system and section blocks
Refresh the homepage around new hero/services/roadmap sections, shared design tokens, and updated brand assets.

Co-authored-by: Cursor <cursoragent@cursor.com>
2026-07-23 17:00:55 +03:30

31 lines
661 B
TypeScript

export const timelineConfig = {
/** Vertical gap between steps */
stepGap: {
mobile: "1.75rem",
tablet: "2.25rem",
desktop: "2.75rem",
},
/** Fixed card width on desktop/tablet */
cardWidth: {
tablet: "18rem",
desktop: "20.5rem",
},
/** Horizontal connector length (rail → card edge) */
connectorLength: {
mobile: "1.25rem",
tablet: "2.5rem",
desktop: "3rem",
},
/** Center rail width */
railWidth: 2,
/** Node dot size */
nodeSize: {
mobile: 12,
desktop: 14,
},
} as const;
export function getMilestoneSide(index: number): "left" | "right" {
return index % 2 === 0 ? "left" : "right";
}