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
