enhancement: update UI uploading files and images #4562
Merged
+9
−12
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Describe Your Changes
This pull request includes several changes to improve the styling and functionality of various components in the
web/screens/Thread/ThreadCenterPanel
directory. The changes mainly involve updating CSS classes to enhance the user interface and user experience.Styling improvements:
web/screens/Thread/ThreadCenterPanel/ChatInput/index.tsx
: Adjusted the CSS classes for theRichTextEditor
component to better handle the file upload preview state.web/screens/Thread/ThreadCenterPanel/FileUploadPreview/index.tsx
: Updated the background color and border styles for the file upload preview container and delete button to match the design system. [1] [2]web/screens/Thread/ThreadCenterPanel/ImageUploadPreview/index.tsx
: Modified the image upload preview container to have a smaller width and added border styles for consistency.web/screens/Thread/ThreadCenterPanel/TextMessage/DocMessage.tsx
: Changed the background color of the document message container to align with the secondary background color.Functional improvements:
web/screens/Thread/ThreadCenterPanel/TextMessage/RelativeImage.tsx
: Removed the fixed height of the image to allow for better responsiveness.Fixes Issues
Self Checklist