Simplify the UI code for the Autowrite button by replacing the conditional rendering block with a more generic Button component. This change helps to reduce duplicate code, improve readability and maintainability.
Changes:
- Replaced conditional rendering block for isGeneratingCommitMessage with a single Button component
- Passed the necessary props for enabling, disabling, and displaying the loading state of the button
Updated the styles in CommandPalette to enhance user experience. The changes include making the command title font medium, removing the default focus outline for the input field, and adding a custom box-shadow for the input focus state. Additionally, adjusted the section header color for better visibility.
Changes:
- Set command title font to medium
- Remove default focus outline in the input field
- Apply custom box-shadow for the input focus state
- Update section header text color
This commit addresses minor CSS formatting issues and rearranges class orders in some elements for consistency. The diff resolved a misaligned comment and modified class declarations for improved readability and maintainability.
Changes:
- Fixed alignment of CSS comment in diff.css
- Modified class order for readability in generating-commit-message element
- Rearranged class order in description textarea
- Changed class order in span element for visual consistency
This commit increases the height of the commit-description-container, which allows users to view more of their commit message at once. Additionally, the styling for the generating-commit and generating-commit-message classes were updated to improve UI.
Changes:
- Height of commit-description-container changed from h-28 to h-36
- Updated border color of generating-commit class
- Added background gradient for generating-commit-message class
- Changed button text from "Generate commit message" to "Autowrite"
This commit enhances the visual appearance of several UI components, specifically in the CodeViewer, commit page, and player sections. Changes include adjusting colors, text alignment, padding, background styling, and adding shadows and borders for a cleaner look.
Changes:
- Update diff.css to change the diff-line-spacer style
- Modify commit/+page.svelte to change commit-description-container size and styling
- Update player/+page.svelte to improve info box styling and text coloring
- Modify Slider.svelte to adjust slider appearance
This commit enhances the GitButler chat user interface by refining the layout, adding clearer chat messages, and improving the overall structure. The changes include a more organized display with chat history and new messages, better styling for chat messages, and the introduction of a chat container for easier navigation through the chat.
Changes:
- Wrap chat components in a GitBTLR-container for better organization
- Add chat-container with better styling and layout for chat history and messages
- Modify the appearance of chat messages with new styling, colors, and icons
- Use distinguishable message bubbles for user and GitButler messages for improved readability
To try this, there use secret code below.
Within the app, navigate to any project and press the following sequence
of characters `aip` (make sure a text field is not selected)
