feat: Standardize border radius usage across components and implement View Transition API for theme changes

This commit is contained in:
kuekhaoyang
2025-11-18 15:43:58 +08:00
parent db40601649
commit e007899f9e
10 changed files with 48 additions and 47 deletions
+2 -4
View File
@@ -52,14 +52,12 @@ export function SearchLoadingAnimation({
{/* Progress Bar - Unified 0-100% */}
<div className="w-full">
<div
className="h-1 bg-[color-mix(in_srgb,var(--glass-bg)_50%,transparent)] overflow-hidden"
style={{ borderRadius: 'var(--radius-full)' }}
className="h-1 bg-[color-mix(in_srgb,var(--glass-bg)_50%,transparent)] overflow-hidden rounded-[var(--radius-full)]"
>
<div
className="h-full bg-[var(--accent-color)] transition-all duration-500 ease-out relative will-change-[width]"
className="h-full bg-[var(--accent-color)] transition-all duration-500 ease-out relative will-change-[width] rounded-[var(--radius-full)]"
style={{
width: `${progress}%`,
borderRadius: 'var(--radius-full)',
transform: 'translateZ(0)'
}}
>