fix(team): optimize mobile lightbox portrait framing and card dimensions
Some checks failed
Build & Deploy / 🧪 QA (push) Has been cancelled
Build & Deploy / 🏗️ Build (push) Has been cancelled
Build & Deploy / 🚀 Deploy (push) Has been cancelled
Build & Deploy / 🧪 Post-Deploy Verification (push) Has been cancelled
Build & Deploy / 🔔 Notify (push) Has been cancelled
Build & Deploy / 🔍 Prepare (push) Successful in 23s

This commit is contained in:
2026-08-12 21:11:52 +02:00
parent 85bac72f95
commit d67085fef8
2 changed files with 5 additions and 5 deletions

View File

@@ -365,15 +365,15 @@ export function TeamGrid({ members }: TeamGridProps) {
scale: { duration: 0.25 },
}}
onClick={(e) => e.stopPropagation()}
className="bg-white rounded-3xl overflow-hidden max-w-lg w-full shadow-2xl border border-white/20 relative flex flex-col z-20 my-auto touch-none cursor-grab active:cursor-grabbing"
className="bg-white rounded-[2rem] sm:rounded-3xl overflow-hidden max-w-[380px] sm:max-w-md md:max-w-lg w-full shadow-2xl border border-white/20 relative flex flex-col z-20 my-auto touch-none cursor-grab active:cursor-grabbing shrink-0"
>
{/* Mobile Drag Indicator Bar */}
<div className="absolute top-3 left-1/2 -translate-x-1/2 z-30 w-12 h-1.5 rounded-full bg-white/50 backdrop-blur-sm pointer-events-none" />
{/* Portrait Container - Height tuned for Mobile without vertical squishing */}
{/* Portrait Container - Tall Portrait Aspect Framing for Mobile */}
<m.div
layoutId={`team-avatar-${selectedMember.id}`}
className="relative w-full h-[320px] sm:h-[400px] md:h-[450px] bg-neutral-900 overflow-hidden shrink-0"
className="relative w-full h-[52vh] min-h-[380px] max-h-[520px] md:h-[460px] bg-neutral-900 overflow-hidden shrink-0"
>
{selectedMember.image ? (
<Image
@@ -381,7 +381,7 @@ export function TeamGrid({ members }: TeamGridProps) {
alt={selectedMember.name}
fill
sizes="(max-width: 768px) 100vw, 600px"
className="object-cover object-top pointer-events-none select-none"
className="object-cover object-[center_15%] pointer-events-none select-none"
priority
/>
) : (

View File

@@ -1,6 +1,6 @@
{
"name": "e-tib-nextjs",
"version": "2.4.49",
"version": "2.4.50",
"type": "module",
"private": true,
"packageManager": "pnpm@10.18.3",