fix: eliminate chart, bar, and button layout transitions across all dashboard components

This commit is contained in:
2026-10-23 18:41:54 +05:30
parent af75d7d4f4
commit 4ae7c8fb65
13 changed files with 19 additions and 20 deletions

View File

@@ -1,4 +1,4 @@
"use client"
"use client"
import { fetchWithAuth } from "@/lib/apiClient";
import { useEffect, useState } from "react"
@@ -103,7 +103,6 @@ export function ReadinessGauge() {
strokeDasharray={circumference}
strokeDashoffset={isZero ? circumference : strokeDashoffset}
strokeLinecap="round"
className="transition-all duration-1500 ease-out"
/>
</svg>
<div className="absolute inset-0 flex flex-col items-center justify-center text-center mt-1">
@@ -156,7 +155,7 @@ export function ReadinessGauge() {
<span className="text-xs font-bold text-muted-foreground w-24 shrink-0 truncate">{sub.name}</span>
<div className="flex-1 h-2 rounded-full bg-white/10 overflow-hidden">
<div
className="h-full rounded-full transition-all duration-1000"
className="h-full rounded-full"
style={{ width: `${sub.val}%`, background: sub.color }}
/>
</div>