fix: Ensure staging banner is positioned bottom-right, not top-right
All checks were successful
Dev Deployment (Zero Downtime) / deploy-dev (push) Successful in 13m7s

- Add explicit inline styles to override any CSS conflicts
- Set top: auto and left: auto to ensure bottom-right positioning
- Fix banner appearing in wrong location
This commit is contained in:
2026-01-09 15:36:23 +01:00
parent d40fdf6d22
commit e8248a6ee1

View File

@@ -37,7 +37,13 @@ export function StagingBanner() {
animate={{ scale: 1, opacity: 1, x: 0, y: 0 }}
exit={{ scale: 0, opacity: 0 }}
transition={{ type: "spring", damping: 20, stiffness: 300 }}
className="fixed bottom-6 right-6 z-50 max-w-sm"
className="fixed z-50 max-w-sm"
style={{
bottom: '1.5rem',
right: '1.5rem',
top: 'auto',
left: 'auto'
}}
>
<div className="bg-gradient-to-br from-yellow-500 via-orange-500 to-red-500 text-white rounded-xl shadow-2xl border-2 border-white/20 backdrop-blur-sm overflow-hidden">
{/* Header */}