feat: Improve layout and UI components for homepage and global directory#206
Merged
IonesioJunior merged 3 commits intomainfrom Feb 18, 2026
Merged
feat: Improve layout and UI components for homepage and global directory#206IonesioJunior merged 3 commits intomainfrom
IonesioJunior merged 3 commits intomainfrom
Conversation
… flex and grid patterns; add 'asChild' prop to Badge component for improved composition
…ng and responsiveness; remove redundant action button in home page
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
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.
Summary
This PR refactors layout structures in the homepage and global directory components to use a consistent hero-04 layout pattern, improves styling for better responsiveness, and updates some UI elements for clarity and consistency.
Changes
GlobalDirectorycomponent to use flex and grid layout improvements for better responsiveness.hero.tsxto follow a two-column grid pattern with enhanced styling, badges, and text.QueryInputcomponent class names for better UX, hiding the search cancel button and refining focus styles.SearchSuggestionscomponent to wrap suggestions better with flex-wrap and adjusted button styles.asChildprop support inBadgecomponent for more flexible composition.Notes
These changes focus on UI/UX improvements, layout consistency, and code readability. No breaking changes are introduced.