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 }}
|
animate={{ scale: 1, opacity: 1, x: 0, y: 0 }}
|
||||||
exit={{ scale: 0, opacity: 0 }}
|
exit={{ scale: 0, opacity: 0 }}
|
||||||
transition={{ type: "spring", damping: 20, stiffness: 300 }}
|
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">
|
<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 */}
|
{/* Header */}
|
||||||
|
|||||||
Reference in New Issue
Block a user