From ecb6cbd431d575a459d261b8a84153e47130284e Mon Sep 17 00:00:00 2001
From: Victor <victor@storyteller.ai>
Date: Mon, 29 Jul 2024 16:59:35 -0700
Subject: [PATCH] modal duration change, AI face mirror banner video no longer
 full screens on mobile

---
 .../src/components/providers/ModalProvider/ModalLayer.tsx     | 2 +-
 .../src/v2/view/pages/ai_face_mirror/AIFaceMirror.tsx         | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/website/packages/fakeyou.com/src/components/providers/ModalProvider/ModalLayer.tsx b/src/website/packages/fakeyou.com/src/components/providers/ModalProvider/ModalLayer.tsx
index 24476f288a..df3407264d 100644
--- a/src/website/packages/fakeyou.com/src/components/providers/ModalProvider/ModalLayer.tsx
+++ b/src/website/packages/fakeyou.com/src/components/providers/ModalProvider/ModalLayer.tsx
@@ -21,7 +21,7 @@ export default function ModalLayer({
   const tintTransition = useTransition(modalOpen, {
     config: {
       easing: modalOpen ? easings.easeOutQuad : easings.easeInQuad,
-      duration: 175,
+      duration: 250,
     },
     from: { opacity: 0 },
     enter: { opacity: 1 },
diff --git a/src/website/packages/fakeyou.com/src/v2/view/pages/ai_face_mirror/AIFaceMirror.tsx b/src/website/packages/fakeyou.com/src/v2/view/pages/ai_face_mirror/AIFaceMirror.tsx
index 3e5d105e59..e8ea09d97e 100644
--- a/src/website/packages/fakeyou.com/src/v2/view/pages/ai_face_mirror/AIFaceMirror.tsx
+++ b/src/website/packages/fakeyou.com/src/v2/view/pages/ai_face_mirror/AIFaceMirror.tsx
@@ -84,7 +84,9 @@ export default function AIFaceMirror({ sessionSubscriptionsWrapper }: Props) {
     <Container className="mt-3">
       <Panel {...{ className: "fy-ai-face-mirror-panel" }}>
         <header {...{ className: "fy-ai-face-mirror-header" }}>
-          <video autoPlay muted loop id="myVideo">
+          <video
+            {...{ autoPlay: true, muted: true, loop: true, playsInline: true }}
+          >
             <source src="/videos/motion_mirror_bg_04.mp4" type="video/mp4" />
           </video>
           <div {...{ className: "fy-ai-face-mirror-header-content" }}>