From 118158b8ee2985c7d9b0c03fdd38abc99ffd2ad9 Mon Sep 17 00:00:00 2001 From: Prayas Lashkari Date: Thu, 12 Mar 2026 18:43:24 -0400 Subject: [PATCH] refactor: add new animations and boxShadow styles for mic panel and recording effects --- tailwind.config.cjs | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) diff --git a/tailwind.config.cjs b/tailwind.config.cjs index 4a3cae0..22597cf 100644 --- a/tailwind.config.cjs +++ b/tailwind.config.cjs @@ -13,10 +13,26 @@ module.exports = { from: { height: "var(--radix-accordion-content-height)" }, to: { height: "0" }, }, + "record-pulse": { + "0%, 100%": { boxShadow: "0 0 8px rgba(239, 68, 68, 0.15)" }, + "50%": { boxShadow: "0 0 16px rgba(239, 68, 68, 0.4)" }, + }, + "mic-panel-in": { + from: { opacity: "0", transform: "translateY(4px)" }, + to: { opacity: "1", transform: "translateY(0)" }, + }, }, animation: { "accordion-down": "accordion-down 0.2s ease-out", "accordion-up": "accordion-up 0.2s ease-out", + "record-pulse": "record-pulse 1.5s ease-in-out infinite", + "mic-panel-in": "mic-panel-in 0.15s ease-out", + }, + boxShadow: { + "hud-bar": + "0 2px 16px rgba(0, 0, 0, 0.25), 0 0 40px rgba(100, 80, 200, 0.08)", + "mic-panel": + "0 2px 12px rgba(0, 0, 0, 0.2), 0 0 30px rgba(100, 80, 200, 0.06)", }, borderRadius: { lg: "var(--radius)",