This commit enhances the UI of commit/+page.svelte by adding a border and text shadow to both the "Generating commit message..." and "Generate commit message" buttons. It improves their visibility, making it easier for users to interact with the buttons.
Changes:
- Added border-top, border-bottom, border-left, and border-right to the buttons.
- The border colors consist of rgba values for white and black with different opacities.
- Added a text-shadow to both buttons with a slight offset and a darker color.
Improved the visual layout and styling for the commit and player pages by refining form elements such as checkboxes, input fields, and background colors. Additionally, fixed element alignments and added responsive sizing for a better user experience.
Changes include:
- Updated styles of checkboxes and their sizes.
- Adjusted padding and alignments for input fields and labels.
- Modified background colors and borders for inputs and cards.
- Changed calendar card CSS class name for better semantics.
Restructured the Work in Progress sidebar by introducing nesting for better readability and maintainability. Colors and styles have been updated as well to improve the overall look and feel of the interface.
Changes:
- Enclosed Work in Progress header and related items within a new 'recent-changes' div.
- Created new 'work-in-progress-sidebar' class for the containing div.
- Replaced the SVG icon with a new one for 'Everything is committed'.
- Improved styling for both committed and uncommitted statuses.
Replace the old tray icon image with a new one to improve the visual appearance of the application in the system tray.
Changes:
- Removed old tray.png with outdated design
+ Added new tray.png with a more modern design
Refactor the parsing of commit messages in the `+page.svelte` file to trim unnecessary whitespace from the summary and description fields. This change makes sure the processed commit message is more readable and concise.
Changes:
- Trim the summary and description lines after slicing the message
This commit modifies the styling of the Button component by adding a border and text-shadow to the .btn-base CSS class. It also simplifies button styles by removing unnecessary border declarations in the .btn-primary, .btn-primary:hover, and .btn-basic classes. Additionally, the commit removes the 'text-lg' class from buttons in several other components and replaces the 'border-gb-700' class with 'border-zinc-700' in the player layout component.
Changes:
- Add border and text-shadow to .btn-base class
- Remove unnecessary border declarations in Button component
- Remove 'text-lg' class from buttons in Commit.svelte, +page.svelte, and +layout.svelte
- Replace 'border-gb-700' with 'border-zinc-700' in +layout.svelte
Updated various elements with improved cursor styles and applied the select-none class to reduce cases of unwanted text selection. This enhances the user experience by providing appropriate mouse cursors and preventing accidental text highlighting.
Changes include:
- Added 'cursor-default' and 'select-none' classes to body and anchor tags.
- Updated BackForwardButtons, Breadcrumbs, and CommandPalette components with 'cursor-default' and 'select-none' classes where applicable.
- Modified '.token-attribute' class in the text editor with 'cursor-default' and 'select-none'.
- Updated '+page.svelte' with 'pointer-events-none' and 'select-none' for project titles and descriptions.
