feat: add CreatePlanDialog and InfoChip components; implement chipTint utility; enhance styles for aurora effects

This commit is contained in:
2025-08-29 16:05:41 -06:00
parent 6e84860230
commit f8de39e6d1
6 changed files with 170 additions and 151 deletions

View File

@@ -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);
}