feat: enhance UI components with backdrop blur effects and improved background styles for better visual aesthetics
This commit is contained in:
@@ -11,7 +11,7 @@ export function ProgressBar({ progress, total, type }: ProgressBarProps) {
|
||||
? "bg-gradient-to-r from-purple-500 to-pink-500"
|
||||
: "bg-gradient-to-r from-blue-500 to-cyan-500";
|
||||
return (
|
||||
<div className="absolute bottom-0 left-0 right-0 px-3 py-2 bg-black/50 backdrop-blur-sm border-t border-white/10">
|
||||
<div className="absolute bottom-0 left-0 right-0 px-3 py-2 bg-black/70 backdrop-blur-md border-t border-white/10">
|
||||
<div className="h-2 bg-white/30 rounded-full overflow-hidden">
|
||||
<div
|
||||
className={`h-full transition-all duration-300 ${barColor}`}
|
||||
|
||||
Reference in New Issue
Block a user