fix: add horizontal scroll (#54)

Author: rin-st

packages/debug-contracts/src/Contract.tsx

@@ -35,7 +35,7 @@ export const Contract: React.FC<ContractProps> = ({ contractName, contract, chai
                 </div>
               </div>
             </div>
-            <div className="bg-sui-primary-subtle dark:bg-sui-primary rounded-3xl px-6 lg:px-8 py-4 shadow-lg shadow-sui-primary-subtle dark:shadow-sui-primary">
+            <div className="bg-sui-primary-subtle dark:bg-sui-primary rounded-3xl px-6 lg:px-8 py-4 shadow-lg shadow-sui-primary-subtle dark:shadow-sui-primary overflow-y-auto">
               <ContractVariables
                 refreshDisplayVariables={refreshDisplayVariables}
                 contract={contract}

packages/debug-contracts/src/components/DisplayVariable.tsx

@@ -73,7 +73,7 @@ export const DisplayVariable = ({
       <div className="text-sui-primary-content/80 flex flex-col items-start">
         <div>
           <div
-            className={`break-all block transition bg-transparent ${
+            className={`block transition bg-transparent ${
               showAnimation ? "bg-warning rounded-xs animate-pulse-fast" : ""
             }`}
           >