diff options
| author | Brandon McConnell <brandon@dreamthinkbuild.com> | 2025-07-30 13:15:09 -0400 |
|---|---|---|
| committer | Brandon McConnell <brandon@dreamthinkbuild.com> | 2025-07-30 13:15:09 -0400 |
| commit | df1e80b5287ff71867bad1a1bfebb102cef7d5bf (patch) | |
| tree | 2384e04490dd71a72cbf135c366012f74b71c0ca /apps/web/src/app/roadmap/page.tsx | |
| parent | 1c20027d33bcf303d6a9b40970cd8216c489f0d5 (diff) | |
| download | opencut-df1e80b5287ff71867bad1a1bfebb102cef7d5bf.tar.gz | |
Lay groundwork for Tailwind v4 upgrade
Diffstat (limited to 'apps/web/src/app/roadmap/page.tsx')
| -rw-r--r-- | apps/web/src/app/roadmap/page.tsx | 14 |
1 files changed, 7 insertions, 7 deletions
diff --git a/apps/web/src/app/roadmap/page.tsx b/apps/web/src/app/roadmap/page.tsx index 5c003cf0..b26da5aa 100644 --- a/apps/web/src/app/roadmap/page.tsx +++ b/apps/web/src/app/roadmap/page.tsx @@ -122,8 +122,8 @@ export default function RoadmapPage() { <Header /> <main className="relative"> <div className="absolute inset-0 overflow-hidden pointer-events-none"> - <div className="absolute -top-40 -right-40 w-96 h-96 bg-gradient-to-br from-muted/20 to-transparent rounded-full blur-3xl" /> - <div className="absolute top-1/2 -left-40 w-80 h-80 bg-gradient-to-tr from-muted/10 to-transparent rounded-full blur-3xl" /> + <div className="absolute -top-40 -right-40 w-96 h-96 bg-linear-to-br from-muted/20 to-transparent rounded-full blur-3xl" /> + <div className="absolute top-1/2 -left-40 w-80 h-80 bg-linear-to-tr from-muted/10 to-transparent rounded-full blur-3xl" /> </div> <div className="relative container mx-auto px-4 py-16"> <div className="max-w-4xl mx-auto"> @@ -148,7 +148,7 @@ export default function RoadmapPage() { {roadmapItems.map((item, index) => ( <div key={index} className="relative"> <div className="flex items-start gap-2"> - <span className="text-lg font-medium text-muted-foreground select-none leading-[1.5]"> + <span className="text-lg font-medium text-muted-foreground select-none leading-normal"> {index + 1}. </span> <div className="flex-1 pt-[2px]"> @@ -156,13 +156,13 @@ export default function RoadmapPage() { <h3 className="font-medium text-lg">{item.title}</h3> <Badge className={cn("shadow-none", { - "!bg-green-500 text-white": + "bg-green-500! text-white": item.status.type === "complete", - "!bg-yellow-500 text-white": + "bg-yellow-500! text-white": item.status.type === "pending", - "!bg-blue-500 text-white": + "bg-blue-500! text-white": item.status.type === "info", - "!bg-foreground/10 text-accent-foreground": + "bg-foreground/10! text-accent-foreground": item.status.type === "default", })} > |