diff --git a/src/components/auth/StacksAuth.tsx b/src/components/auth/StacksAuth.tsx index 4553d90a..d05de245 100644 --- a/src/components/auth/StacksAuth.tsx +++ b/src/components/auth/StacksAuth.tsx @@ -337,7 +337,11 @@ export default function StacksAuth({ onClick={handleAuth} disabled={isLoading} variant="primary" - className="flex items-center gap-1 px-2 py-1 sm:px-6 sm:py-3 text-xs sm:text-base font-inter font-bold text-primary-foreground bg-primary rounded-sm sm:rounded-sm hover:scale-105 hover:shadow-lg hover:shadow-primary/20 focus:outline-none focus:ring-2 focus:ring-primary/50 disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:scale-100 transition-all duration-300 ease-in-out motion-reduce:transition-none" + className="flex items-center gap-1 px-2 py-1 sm:px-6 sm:py-3 text-xs sm:text-base font-inter font-bold text-primary-foreground bg-primary rounded-sm sm:rounded-sm hover:scale-105 focus:outline-none focus:ring-2 focus:ring-primary/50 disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:scale-100 transition-all duration-300 ease-in-out motion-reduce:transition-none" + style={{ + boxShadow: + "0 0 25px rgba(220, 38, 38, 0.7), 0 0 50px rgba(34, 197, 94, 0.5), 0 0 75px rgba(220, 38, 38, 0.4)", + }} aria-label={isLoading ? "Connecting wallet" : "Connect wallet"} > {isLoading ? ( diff --git a/src/components/proposals/ProposalSubmission.tsx b/src/components/proposals/ProposalSubmission.tsx index a6379202..25443342 100644 --- a/src/components/proposals/ProposalSubmission.tsx +++ b/src/components/proposals/ProposalSubmission.tsx @@ -1236,7 +1236,7 @@ export function ProposalSubmission({
{/* Locked Overlay for Unauthenticated Users */} {!hasAccessToken && ( -
+
@@ -1246,6 +1246,9 @@ export function ProposalSubmission({ Connect your testnet Bitcoin Wallet.
+
+ +
)} @@ -1717,10 +1720,8 @@ export function ProposalSubmission({ )} {/* Footer CTA */} -
- {!hasAccessToken ? ( - - ) : ( + {hasAccessToken && ( +
- )} -
+
+ )}
{/* ----------------------------- Result modal ----------------------------- */} diff --git a/tailwind.config.ts b/tailwind.config.ts index 9ca0d95f..01d47e38 100644 --- a/tailwind.config.ts +++ b/tailwind.config.ts @@ -110,11 +110,22 @@ const config: Config = { opacity: ".9", }, }, + "christmas-glow": { + "0%, 100%": { + boxShadow: + "0 0 20px rgba(220, 38, 38, 0.6), 0 0 40px rgba(34, 197, 94, 0.4), 0 0 60px rgba(220, 38, 38, 0.3)", + }, + "50%": { + boxShadow: + "0 0 30px rgba(34, 197, 94, 0.7), 0 0 50px rgba(220, 38, 38, 0.5), 0 0 70px rgba(34, 197, 94, 0.4)", + }, + }, }, animation: { "accordion-down": "accordion-down 0.2s ease-out", "accordion-up": "accordion-up 0.2s ease-out", "pulse-slow": "pulse-slow 4s cubic-bezier(0.4, 0, 0.6, 1) infinite", + "christmas-glow": "christmas-glow 2s ease-in-out infinite", }, }, },