fix(ui): correct z-index and remove mix-blend-screen on EU badge
All checks were successful
Build & Deploy / 🔍 Prepare (push) Successful in 27s
Build & Deploy / 🧪 QA (push) Successful in 1m31s
Build & Deploy / 🏗️ Build (push) Successful in 2m56s
Build & Deploy / 🚀 Deploy (push) Successful in 31s
Build & Deploy / 🧪 Post-Deploy Verification (push) Successful in 58s
Build & Deploy / 🔔 Notify (push) Successful in 3s
All checks were successful
Build & Deploy / 🔍 Prepare (push) Successful in 27s
Build & Deploy / 🧪 QA (push) Successful in 1m31s
Build & Deploy / 🏗️ Build (push) Successful in 2m56s
Build & Deploy / 🚀 Deploy (push) Successful in 31s
Build & Deploy / 🧪 Post-Deploy Verification (push) Successful in 58s
Build & Deploy / 🔔 Notify (push) Successful in 3s
This commit is contained in:
@@ -9,7 +9,7 @@ export function EUFundingBadge() {
|
|||||||
initial={{ opacity: 0 }}
|
initial={{ opacity: 0 }}
|
||||||
animate={{ opacity: 1 }}
|
animate={{ opacity: 1 }}
|
||||||
transition={{ duration: 2, ease: [0.16, 1, 0.3, 1] }}
|
transition={{ duration: 2, ease: [0.16, 1, 0.3, 1] }}
|
||||||
className="absolute top-0 right-0 w-[350px] md:w-[550px] h-[350px] md:h-[550px] z-0 pointer-events-none select-none"
|
className="absolute top-0 right-0 w-[350px] md:w-[550px] h-[350px] md:h-[550px] z-[40] pointer-events-none select-none"
|
||||||
style={{
|
style={{
|
||||||
maskImage: 'radial-gradient(ellipse at top right, black 10%, transparent 70%)',
|
maskImage: 'radial-gradient(ellipse at top right, black 10%, transparent 70%)',
|
||||||
WebkitMaskImage: 'radial-gradient(ellipse at top right, black 10%, transparent 70%)',
|
WebkitMaskImage: 'radial-gradient(ellipse at top right, black 10%, transparent 70%)',
|
||||||
@@ -19,7 +19,7 @@ export function EUFundingBadge() {
|
|||||||
src="/assets/eu-flag-perspective.png"
|
src="/assets/eu-flag-perspective.png"
|
||||||
alt="European Union Background"
|
alt="European Union Background"
|
||||||
fill
|
fill
|
||||||
className="object-cover object-top opacity-50 mix-blend-screen"
|
className="object-cover object-top opacity-70"
|
||||||
priority
|
priority
|
||||||
/>
|
/>
|
||||||
</motion.div>
|
</motion.div>
|
||||||
|
|||||||
Reference in New Issue
Block a user