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
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:
@@ -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 */}
|
||||
|
||||
Reference in New Issue
Block a user