fix: adjusted position of input and powered by box inside the ZOOMED …

…FULL BODY layout
memori-ai · Oct 14, 2024 · 64a5fec · 64a5fec
1 parent a5ead53
commit 64a5fec
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 15 deletions.
diff --git a/src/components/Avatar/AvatarView/AvatarComponent/components/fullbodyAvatar.tsx b/src/components/Avatar/AvatarView/AvatarComponent/components/fullbodyAvatar.tsx
@@ -48,7 +48,7 @@ const AVATAR_POSITION_ZOOMED = new Vector3(0, -1.45, 0);
 const ANIMATION_URLS = {
   MALE: 'https://assets.memori.ai/api/v2/asset/2c5e88a4-cf62-408b-9ef0-518b099dfcb2.glb',
   FEMALE:
-    'https://assets.memori.ai/api/v2/asset/e60526ba-9d21-4f7b-80ea-b1007da9f02e.glb',
+    'https://assets.memori.ai/api/v2/asset/0e49aa5d-f757-4292-a170-d843c2839a41.glb',
 };
 
 // Blink configuration

diff --git a/src/components/layouts/ZoomedFullBody.tsx b/src/components/layouts/ZoomedFullBody.tsx
@@ -28,17 +28,6 @@ const ZoomedFullBodyLayout: React.FC<LayoutProps> = ({
     };
   }, []);
 
-  const adjustChatInputs = useCallback(() => {
-    const memoriChatInputs = document.getElementById('chat-fieldset');
-    if (memoriChatInputs) {
-      memoriChatInputs.style.bottom = '35px';
-    }
-  }, []);
-
-  useEffect(() => {
-    adjustChatInputs();
-  }, [sessionId, adjustChatInputs]);
-
   return (
     <>
       {integrationStyle}
@@ -57,7 +46,7 @@ const ZoomedFullBodyLayout: React.FC<LayoutProps> = ({
 
             <div id="extension" />
           </div>
-          <div className="memori--grid-column memori--grid-column-right">
+          <div className="memori--grid-column memori--grid-column--zoomed-full-body memori--grid-column-right">
             {sessionId && hasUserActivatedSpeak && Chat && chatProps ? (
               <Chat {...chatProps} />
             ) : startPanelProps ? (

diff --git a/src/components/layouts/__snapshots__/ZoomedFullBody.test.tsx.snap b/src/components/layouts/__snapshots__/ZoomedFullBody.test.tsx.snap
@@ -190,7 +190,7 @@ exports[`renders ZOOMED_FULL_BODY layout unchanged 1`] = `
           />
         </div>
         <div
-          class="memori--grid-column memori--grid-column-right"
+          class="memori--grid-column memori--grid-column--zoomed-full-body memori--grid-column-right"
         >
           <div
             class="memori--start-panel"

diff --git a/src/components/layouts/zoomed-full-body.css b/src/components/layouts/zoomed-full-body.css
@@ -5,8 +5,12 @@
 .memori--powered-by-custom {
     position: absolute;
     z-index: 1000;
-    bottom: 20px;
+    bottom: 35px;
     display: inline-flex;
     min-width: 150px;
     flex-wrap: wrap;
 }
+
+.memori--grid-column--zoomed-full-body {
+    max-height: calc(100% - 80px) !important;
+}