Merge pull request #751 from aibtcdev/staging

Staging

Author: biwasxyz

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 ? (

src/components/proposals/ProposalSubmission.tsx

@@ -1236,7 +1236,7 @@ export function ProposalSubmission({
         <div className="flex-1 space-y-6 relative min-h-[250px] md:min-h-0">
           {/* Locked Overlay for Unauthenticated Users */}
           {!hasAccessToken && (
-            <div className="absolute inset-0 bg-zinc-900 rounded-sm flex flex-col items-center justify-center z-10">
+            <div className="absolute inset-0 bg-background rounded-sm flex flex-col items-center justify-center z-10">
               <div className="text-center space-y-4 max-w-md mx-auto px-6">
                 <div className="w-16 h-16 rounded-sm bg-primary/10 flex items-center justify-center mx-auto">
                   <Lock className="w-8 h-8 text-primary" />
@@ -1246,6 +1246,9 @@ export function ProposalSubmission({
                     Connect your testnet Bitcoin Wallet.
                   </h3>
                 </div>
+                <div className="flex justify-center">
+                  <AuthButton buttonText="Connect Wallet" />
+                </div>
               </div>
             </div>
           )}
@@ -1717,10 +1720,8 @@ export function ProposalSubmission({
         )}
 
         {/* Footer CTA */}
-        <div className="pt-6">
-          {!hasAccessToken ? (
-            <AuthButton buttonText="Connect Wallet" />
-          ) : (
+        {hasAccessToken && (
+          <div className="pt-6">
             <div>
               <Button
                 onClick={handleSubmit}
@@ -1809,8 +1810,8 @@ export function ProposalSubmission({
                 )}
               </Button>
             </div>
-          )}
-        </div>
+          </div>
+        )}
       </div>
 
       {/* ----------------------------- Result modal ----------------------------- */}

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",
       },
     },
   },