Merge pull request #15 from AI4Bharat/react-django

Fixed Code Overflow
AI4Bharat · Sep 1, 2024 · 4fb191b · 4fb191b
2 parents 5818587 + e61c099
commit 4fb191b
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/frontend/components/ToolInstructionComponent.tsx b/frontend/components/ToolInstructionComponent.tsx
@@ -35,7 +35,12 @@ export default function ToolInstructions({
         direction={{ base: "column", md: "row" }}
         spacing={{ base: 0, md: 3 }}
       >
-        <VStack spacing={4} alignItems="flex-start" mb={{ base: 5, md: 0 }}>
+        <VStack
+          overflowY={"scroll"}
+          spacing={4}
+          alignItems="flex-start"
+          mb={{ base: 5, md: 0 }}
+        >
           {steps.map((data, index) => (
             <Box key={index}>
               <HStack spacing={2}>
@@ -60,6 +65,7 @@ export default function ToolInstructions({
                   p={5}
                   fontSize="sm"
                   color="gray.500"
+                  textOverflow={"clip"}
                 >
                   {data.codeString}
                 </Code>