zias/stats
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

fix(public): improve mobile experiance #3

Browse Source
This commit is contained in:
Carl-Gerhard Lindesvärd
2024-11-13 23:55:45 +01:00
parent 2e4eafaa62
commit 4e8afb4eea
1 changed files with 8 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
apps/public/components/hero-carousel.tsx
View File

@@ -134,26 +134,16 @@ export function HeroCarousel() {
<div <div
className={cn( className={cn(
'relative w-full h-[750px]', 'relative w-full h-[750px]',
activeFrame.id !== 'overview' && 'h-auto aspect-[4/3]', activeFrame.id !== 'overview' && 'h-auto aspect-[5/3]',
)} )}
> >
<AnimatePresence mode="popLayout" initial={false}> {activeFrames.slice(-1).map((frame) => (
{activeFrames.slice(-2).map((frame) => ( <div key={frame.key} className="absolute inset-0 w-full h-full">
<motion.div
key={frame.key}
layout
className="absolute inset-0 w-full h-full"
initial={{ opacity: 0 }}
animate={{ opacity: 1 }}
exit={{ opacity: 0 }}
transition={{ duration: 0.5, ease: 'easeIn' }}
>
<div className="bg-background rounded-xl h-full w-full"> <div className="bg-background rounded-xl h-full w-full">
<frame.Component /> <frame.Component />
</div> </div>
</motion.div> </div>
))} ))}
</AnimatePresence>
</div> </div>
</div> </div>
</div> </div>