feat: added-scroll-functionality-to-tldr-pop-up (#640)

stakwork · Nov 28, 2023 · bfdf573 · bfdf573
1 parent caf58e3
commit bfdf573
Showing 1 changed file with 10 additions and 3 deletions.
diff --git a/src/components/App/SideBar/Trending/BriefDescriptionModal/index.tsx b/src/components/App/SideBar/Trending/BriefDescriptionModal/index.tsx
@@ -20,13 +20,20 @@ export const BriefDescription: FC<Props> = ({ text, onClose }) => {
 
   return (
     <BaseModal id="briefDescription" kind="regular" onClose={handleClose} preventOutsideClose>
-      <Flex py={16}>
-        <StyledText>{text}</StyledText>
-      </Flex>
+      <ScrollableContent>
+        <Flex py={16}>
+          <StyledText>{text}</StyledText>
+        </Flex>
+      </ScrollableContent>
     </BaseModal>
   )
 }
 
+const ScrollableContent = styled.div`
+  max-height: 300px;
+  overflow-y: auto;
+`
+
 const StyledText = styled(Text)`
   font-size: 18px;
   font-weight: 400;