mmintel/e-tib.com
1
0
Fork 0
Code Issues Pull Requests 2 Actions 150 Packages Projects Releases Wiki Activity

fix: shine effect on SubCompanyTiles and transparency mask on loader sweeps

Browse Source 
Former-commit-id: 124713a30552b8699988617939e4a2c880983642
This commit is contained in:
Marc Mintel
2026-05-08 10:59:09 +02:00
parent d28fbaac41
commit 4769f4e12e
3 changed files with 23 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/blocks/SubCompanyTiles.tsx
View File

@@ -128,7 +128,7 @@ export function SubCompanyTiles(props: SubCompanyTilesProps) {
}`} />
{/* Premium Shine Sweep Effect (Industrial Reflection) */}
{!isCurrent && <HoverShineOverlay />}
<HoverShineOverlay shineColor="via-white/30" />
{/* Current Site Indicator Badge */}
{isCurrent && (

13
components/providers/InitialLoader.tsx
View File

@@ -85,11 +85,20 @@ export function InitialLoader({ shouldShowLoader = true }: { shouldShowLoader?:
/>
{/* Animated Light Sweep over Logo */}
<motion.div
className="absolute inset-0 bg-gradient-to-r from-transparent via-white/40 to-transparent skew-x-[-25deg]"
className="absolute inset-0 bg-gradient-to-r from-transparent via-white/80 to-transparent skew-x-[-25deg]"
initial={{ left: '-150%' }}
animate={{ left: '250%' }}
transition={{ duration: 2.5, ease: "easeInOut", repeat: Infinity, repeatDelay: 0.5 }}
style={{ mixBlendMode: 'overlay' }}
style={{
WebkitMaskImage: 'url(/assets/logo-white.png)',
WebkitMaskSize: 'contain',
WebkitMaskRepeat: 'no-repeat',
WebkitMaskPosition: 'center',
maskImage: 'url(/assets/logo-white.png)',
maskSize: 'contain',
maskRepeat: 'no-repeat',
maskPosition: 'center'
}}
/>
</div>

13
components/providers/PageTransitionShutter.tsx
View File

@@ -43,11 +43,20 @@ export function PageTransitionShutter() {
/>
{/* Animated Light Sweep over Logo (faster for page transitions) */}
<motion.div
className="absolute inset-0 bg-gradient-to-r from-transparent via-white/50 to-transparent skew-x-[-25deg]"
className="absolute inset-0 bg-gradient-to-r from-transparent via-white/80 to-transparent skew-x-[-25deg]"
initial={{ left: '-150%' }}
animate={{ left: '250%' }}
transition={{ duration: 1.5, ease: "easeInOut", repeat: Infinity, repeatDelay: 0.2 }}
style={{ mixBlendMode: 'overlay' }}
style={{
WebkitMaskImage: 'url(/assets/logo-white.png)',
WebkitMaskSize: 'contain',
WebkitMaskRepeat: 'no-repeat',
WebkitMaskPosition: 'center',
maskImage: 'url(/assets/logo-white.png)',
maskSize: 'contain',
maskRepeat: 'no-repeat',
maskPosition: 'center'
}}
/>
</div>