Skip to content

Conversation

BikashAgarwala
Copy link

Implements a new, modern card design for the blueprints browser page, aligning it with the project's current UI standards. This change improves the visual hierarchy, layout, and user experience of browsing blueprints.

Closes #11534

Key Changes

  • Replaced the previous list-style layout with a responsive CSS Grid for a multi-column view.
  • Redesigned the internal card structure using Flexbox for a clean, modern layout with distinct sections for tags, title, and actions.
  • Improved typography to create a clear visual hierarchy.
  • Added a subtle hover effect for better user feedback.

Screenshots

Before (Old Design)

image

After (New Design - Light Mode)

image

After (New Design - Dark Mode)

image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

Status: To review

Development

Successfully merging this pull request may close these issues.

Redesign the UI Blueprints page to use cards design, similar to how it looks like on the website

1 participant