ishangsf/DeepCodeGeniusWeb-vscode
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add ScrollArea to InputContexts component

Browse Source 
- Wrapped the content of the Accordion.Panel in a ScrollArea component.
- This change allows the content to be scrollable when it exceeds the panel's height.
This commit is contained in:
Rankin Zheng 2023-08-30 11:27:07 +08:00
parent c7fd90ca8a
commit 37fdc93b2f
1 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/views/components/InputMessage/InputContexts.tsx
View File

@ -81,13 +81,15 @@ const InputContexts = observer(() => {
</ActionIcon> </ActionIcon>
</Box> </Box>
<Accordion.Panel> <Accordion.Panel>
{ <ScrollArea type="auto">
content {
? <pre style={{ overflowWrap: 'normal', fontSize: 'var(--vscode-editor-font-size)', margin: 0 }}>{content}</pre> content
: <Center> ? <pre style={{ overflowWrap: 'normal', fontSize: 'var(--vscode-editor-font-size)', margin: 0 }}>{content}</pre>
<Text c='gray.3'>No content</Text> : <Center>
</Center> <Text c='gray.3'>No content</Text>
} </Center>
}
</ScrollArea>
</Accordion.Panel> </Accordion.Panel>
</Accordion.Item> </Accordion.Item>
); );