fix: fix layouts

Author: phodal

src/app/[lang]/click-flow/[id]/AskRenderer.tsx

@@ -42,25 +42,19 @@ export function AskRenderer({ step, onAskUpdate, cachedValue }: AskRendererProps
 
  if (askTask.replaced) {
  return (
- <Box w='100%' h='100%'>
- <StyledTextarea
- className='bg-white'
- value={value}
- ref={ref}
- onChange={(event) => {
- setValue(event.target.value);
- onAskUpdate(event.target.value);
- }}
- />
- </Box>
+ <StyledTextarea
+ className='bg-white'
+ value={value}
+ ref={ref}
+ onChange={(event) => {
+ setValue(event.target.value);
+ onAskUpdate(event.target.value);
+ }}
+ />
  );
  }
 
- return (
- <div>
- <SimpleMarkdown content={step.ask} />
- </div>
- );
+ return <SimpleMarkdown content={step.ask} />;
 }
 
 const StyledTextarea = styled(Textarea)`

src/app/[lang]/click-flow/[id]/StartlingStepDetail.tsx

@@ -86,7 +86,9 @@ function StartlingStepDetail({
  </StyledStepHeading>
  <HumanBlock direction='row' justify='space-between'>
  <Avatar bg='teal.500' name={flow.author} size='sm' mr={2} />
- <AskRenderer step={step} onAskUpdate={setAsk} cachedValue={cachedValue} />
+ <Box w='100%' h='100%'>
+ <AskRenderer step={step} onAskUpdate={setAsk} cachedValue={cachedValue} />
+ </Box>
  </HumanBlock>
  {(!response || /** disable if stepGuide is false */ !flow.stepGuide) && (
  <Flex flexDirection={"row"} gap={4} padding={8}>