feat: add CreatePlanDialog and InfoChip components; implement chipTint utility; enhance styles for aurora effects
This commit is contained in:
@@ -138,11 +138,21 @@
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.animate-aurora {
|
||||
background: radial-gradient(at 20% 30%, rgba(59, 130, 246, .5), transparent 50%),
|
||||
radial-gradient(at 80% 70%, rgba(228, 3, 190, 0.671), transparent 50%),
|
||||
radial-gradient(at 50% 100%, rgba(34, 197, 94, .5), transparent 50%);
|
||||
background: radial-gradient(at 20% 30%, oklch(27.5% 0.13488 262.73), transparent 50%),
|
||||
radial-gradient(at 80% 70%, oklch(0.704 0.191 22.216), transparent 50%),
|
||||
radial-gradient(at 50% 100%, oklch(0.398 0.07 227.392), transparent 50%);
|
||||
background-size: 200% 200%;
|
||||
animation: aurora 3s ease infinite;
|
||||
filter: blur(12px) opacity(0.8);
|
||||
}
|
||||
|
||||
.bg-aurora-effect {
|
||||
background: radial-gradient(ellipse 60% 40% at 20% 30%, oklch(27.5% 0.13488 262.73 / 0.45), transparent 70%),
|
||||
radial-gradient(ellipse 50% 30% at 80% 70%, oklch(0.704 0.191 22.216 / 0.35), transparent 70%),
|
||||
radial-gradient(ellipse 40% 60% at 50% 100%, oklch(0.398 0.07 227.392 / 0.32), transparent 70%);
|
||||
background-size: 120% 120%;
|
||||
animation: aurora 8s ease-in-out infinite;
|
||||
filter: blur(24px) opacity(0.7);
|
||||
}
|
||||
Reference in New Issue
Block a user