update max-height of tx raw trace on desktop

Author: tom2drum

ui/shared/RawDataSnippet.tsx

@@ -1,4 +1,4 @@
-import type { HTMLChakraProps } from '@chakra-ui/react';
+import type { BoxProps, HTMLChakraProps } from '@chakra-ui/react';
 import { Box, Flex, chakra } from '@chakra-ui/react';
 import React from 'react';
 
@@ -12,8 +12,8 @@ interface Props {
   className?: string;
   rightSlot?: React.ReactNode;
   beforeSlot?: React.ReactNode;
-  textareaMaxHeight?: string;
-  textareaMinHeight?: string;
+  textareaMaxHeight?: BoxProps['maxH'];
+  textareaMinHeight?: BoxProps['minH'];
   showCopy?: boolean;
   isLoading?: boolean;
   contentProps?: HTMLChakraProps<'div'>;

ui/tx/TxRawTrace.tsx

@@ -68,7 +68,7 @@ const TxRawTrace = ({ txQuery }: Props) => {
 
   const text = JSON.stringify(dataToDisplay, undefined, 4);
 
-  return <RawDataSnippet data={ text } isLoading={ isPlaceholderData }/>;
+  return <RawDataSnippet data={ text } isLoading={ isPlaceholderData } textareaMaxHeight={{ base: '400px', lg: '600px' }}/>;
 };
 
 export default TxRawTrace;