diff --git a/src/renderer/src/pages/home/Messages/Message.tsx b/src/renderer/src/pages/home/Messages/Message.tsx index 96067bc375..d013e34e0e 100644 --- a/src/renderer/src/pages/home/Messages/Message.tsx +++ b/src/renderer/src/pages/home/Messages/Message.tsx @@ -1,3 +1,4 @@ +import Scrollbar from '@renderer/components/Scrollbar' import { useMessageEditing } from '@renderer/context/MessageEditingContext' import { useAssistant } from '@renderer/hooks/useAssistant' import { useMessageOperations } from '@renderer/hooks/useMessageOperations' @@ -215,7 +216,7 @@ const MessageContainer = styled.div` } ` -const MessageContentContainer = styled.div` +const MessageContentContainer = styled(Scrollbar)` max-width: 100%; padding-left: 46px; margin-top: 5px; @@ -229,6 +230,7 @@ const MessageFooter = styled.div` align-items: center; gap: 20px; margin-left: 46px; + margin-top: 2px; ` const NewContextMessage = styled.div` diff --git a/src/renderer/src/pages/home/Messages/MessageGroup.tsx b/src/renderer/src/pages/home/Messages/MessageGroup.tsx index 69b7e7243b..995540a6cf 100644 --- a/src/renderer/src/pages/home/Messages/MessageGroup.tsx +++ b/src/renderer/src/pages/home/Messages/MessageGroup.tsx @@ -1,3 +1,4 @@ +import Scrollbar from '@renderer/components/Scrollbar' import { MessageEditingProvider } from '@renderer/context/MessageEditingContext' import { useChatContext } from '@renderer/hooks/useChatContext' import { useMessageOperations } from '@renderer/hooks/useMessageOperations' @@ -257,7 +258,7 @@ const GroupContainer = styled.div` } ` -const GridContainer = styled.div<{ $count: number; $gridColumns: number }>` +const GridContainer = styled(Scrollbar)<{ $count: number; $gridColumns: number }>` width: 100%; display: grid; overflow-y: visible; diff --git a/src/renderer/src/windows/selection/toolbar/SelectionToolbar.tsx b/src/renderer/src/windows/selection/toolbar/SelectionToolbar.tsx index af6a94372c..00f38e01b8 100644 --- a/src/renderer/src/windows/selection/toolbar/SelectionToolbar.tsx +++ b/src/renderer/src/windows/selection/toolbar/SelectionToolbar.tsx @@ -159,7 +159,7 @@ const SelectionToolbar: FC<{ demo?: boolean }> = ({ demo = false }) => { } if (customCss) { - const newCustomCss = customCss.replace(/background(-image|-color)?\s*:[^;]+;/gi, '') + const newCustomCss = customCss.replace(/(^|\s)background(-image|-color)?\s*:[^;]+;/gi, '') customCssElement = document.createElement('style') customCssElement.id = 'user-defined-custom-css'