From 5c0390b433b1b0bd4278521be0f0c1ac6d92022e Mon Sep 17 00:00:00 2001
From: kangfenmao <kangfenmao@qq.com>
Date: Tue, 15 Oct 2024 15:15:58 +0800
Subject: [PATCH] feat: improved data display and scrolling experience

- Increased file list pagination size to improve data display.
- Disable inline styles for Markdown content.
- Removed overflow functionality for a smoother scrolling experience.
---
 src/renderer/src/pages/files/FilesPage.tsx        | 2 +-
 src/renderer/src/pages/home/Markdown/Markdown.tsx | 1 +
 src/renderer/src/pages/home/Tabs/Topics.tsx       | 6 ------
 3 files changed, 2 insertions(+), 7 deletions(-)

diff --git a/src/renderer/src/pages/files/FilesPage.tsx b/src/renderer/src/pages/files/FilesPage.tsx
index fe15c75958..0b2de1af46 100644
--- a/src/renderer/src/pages/files/FilesPage.tsx
+++ b/src/renderer/src/pages/files/FilesPage.tsx
@@ -71,7 +71,7 @@ const FilesPage: FC = () => {
             columns={columns}
             style={{ width: '100%', marginBottom: 20 }}
             size="small"
-            pagination={{ pageSize: 15 }}
+            pagination={{ pageSize: 100 }}
           />
         </VStack>
       </ContentContainer>
diff --git a/src/renderer/src/pages/home/Markdown/Markdown.tsx b/src/renderer/src/pages/home/Markdown/Markdown.tsx
index 0b810c49cc..59faf80317 100644
--- a/src/renderer/src/pages/home/Markdown/Markdown.tsx
+++ b/src/renderer/src/pages/home/Markdown/Markdown.tsx
@@ -46,6 +46,7 @@ const Markdown: FC<Props> = ({ message }) => {
       className="markdown"
       rehypePlugins={rehypePlugins}
       remarkPlugins={[remarkMath, remarkGfm]}
+      disallowedElements={['style']}
       components={
         {
           a: Link,
diff --git a/src/renderer/src/pages/home/Tabs/Topics.tsx b/src/renderer/src/pages/home/Tabs/Topics.tsx
index 494e558e36..f6ad61f062 100644
--- a/src/renderer/src/pages/home/Tabs/Topics.tsx
+++ b/src/renderer/src/pages/home/Tabs/Topics.tsx
@@ -198,14 +198,9 @@ const Topics: FC<Props> = ({ assistant: _assistant, activeTopic, setActiveTopic
 
 const Container = styled.div`
   display: flex;
-  flex: 1;
   flex-direction: column;
   padding-top: 10px;
-  overflow-y: scroll;
   max-height: calc(100vh - var(--navbar-height) - 70px);
-  &::-webkit-scrollbar {
-    display: none;
-  }
 `
 
 const TopicListItem = styled.div`
@@ -252,7 +247,6 @@ const TopicName = styled.div`
   -webkit-box-orient: vertical;
   overflow: hidden;
   font-size: 13px;
-  opacity: 0.6;
 `
 
 const MenuButton = styled.div`