Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| d67085fef8 |
@@ -365,15 +365,15 @@ export function TeamGrid({ members }: TeamGridProps) {
|
|||||||
scale: { duration: 0.25 },
|
scale: { duration: 0.25 },
|
||||||
}}
|
}}
|
||||||
onClick={(e) => e.stopPropagation()}
|
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 */}
|
{/* 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" />
|
<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
|
<m.div
|
||||||
layoutId={`team-avatar-${selectedMember.id}`}
|
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 ? (
|
{selectedMember.image ? (
|
||||||
<Image
|
<Image
|
||||||
@@ -381,7 +381,7 @@ export function TeamGrid({ members }: TeamGridProps) {
|
|||||||
alt={selectedMember.name}
|
alt={selectedMember.name}
|
||||||
fill
|
fill
|
||||||
sizes="(max-width: 768px) 100vw, 600px"
|
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
|
priority
|
||||||
/>
|
/>
|
||||||
) : (
|
) : (
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "e-tib-nextjs",
|
"name": "e-tib-nextjs",
|
||||||
"version": "2.4.49",
|
"version": "2.4.50",
|
||||||
"type": "module",
|
"type": "module",
|
||||||
"private": true,
|
"private": true,
|
||||||
"packageManager": "pnpm@10.18.3",
|
"packageManager": "pnpm@10.18.3",
|
||||||
|
|||||||
Reference in New Issue
Block a user