WIP fix ego form overflow styles

complexdatacollective · Dec 7, 2023 · 76050bc · 76050bc
1 parent f572b0c
commit 76050bc
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/app/(interview)/interview/[interviewId]/page.tsx b/app/(interview)/interview/[interviewId]/page.tsx
@@ -28,7 +28,7 @@ export default async function Page({
   const { protocol, ...serverSession } = interview;
 
   return (
-    <div className="flex h-[100vh] flex-col bg-[var(--nc-background)] text-[var(--nc-text)]">
+    <div className="flex h-[100vh] max-h-[100vh] flex-col bg-[var(--nc-background)] text-[var(--nc-text)]">
       <NoSSRWrapper>
         <InterviewShell
           serverProtocol={protocol}

diff --git a/app/(interview)/interview/_components/UserBanner.tsx b/app/(interview)/interview/_components/UserBanner.tsx
@@ -11,7 +11,7 @@ export default function UserBanner() {
   }
 
   return (
-    <div className="relative isolate flex items-center overflow-hidden bg-gray-200 px-6 text-primary">
+    <div className="relative isolate flex min-h-[70px] items-center overflow-hidden bg-gray-200 px-6 text-primary">
       <div
         className="absolute left-[max(-7rem,calc(50%-52rem))] top-1/2 -z-10 -translate-y-1/2 transform-gpu blur-2xl"
         aria-hidden="true"

diff --git a/lib/interviewer/containers/ProtocolScreen.js b/lib/interviewer/containers/ProtocolScreen.js
@@ -17,7 +17,7 @@ const ProtocolScreen = () => {
   const currentStage = useSelector(getCurrentStage);
 
   return (
-    <motion.div className='flex h-full w-screen flex-row' initial={{ opacity: 0 }} animate={{ opacity: 1 }}>
+    <motion.div className='flex flex-1 w-screen flex-row' initial={{ opacity: 0 }} animate={{ opacity: 1 }}>
       <Navigation />
       <AnimatePresence mode='wait' initial={false}>
         <Stage